반응형

사실 처음에 웹사이트를 만들때 간단하게 HTML, CSS + JS 로 모든걸 만들곤했습니다.

 

그러다가 취업 관문이 닥치면서, 프론트엔드 쪽을 살펴보니, 계속 리액트나 넥스트... 

이렇게 깊게 아는 분만 찾더라구요...

그래서 리액트를 함 만져봤는데... 헐랭... 신세계... 뾰로롱...

 

App.js 에서 다음 페이지로 넘어가거나 로딩하지않고 바로 실행되는게

매우 신기하더라구용 ㅋㅋ

 

 만약 시간이 되시면, 이 튜트리올 영상을 보시기 바랍니다.

 

 

 

 

뭐.. 여기서 많은것을 가르쳐 주지는 않지만, 기본적인 리액트 컴포넌트를 가르쳐 주더라구용 ㅎㅎ

 

import React, { useState, useEffect } from "react";
//useState는 컴포넌트를 바꾸는 값을 사용할수있껬끔 하는것.
//useEffect는 마운트/언마운트/업데이트시 할 작업을 설정할수 있습니다.

const API_URL ="";
// App.js 에서 API 사용 법
...



const searchMovies = async (title) => {
    const response = await fetch(`${API_URL}&s=${title}`);
    const data = await response.json();

    setMovies(data.Search);
  };
  //나중에 요런식으로 API 사용할수있음 ㅎㅎ
  
  
  
  export default App;
  //그리고 항상 끝에 요거 넣는거 잊지 않기

제가 자세히 얘기 안한 부분도 많긴 하지만, 대략적으로 이렇게 진행됩니다 ㅎㅎ

 

리액트를 통해 풀스택 프젝을 만들수 있다는게 넘 좋습니다 ㅎㅎ

 

이제 앞으로 계속 올릴 예정이고 django도 한번 도전할 예정입니다 

 

담에 봐요 여러분 ㅎㅎ

 

 

 

 

 

 

 

 

 

 

 

 

텔크s

telks.tistory.com

 

반응형