반응형
사실 처음에 웹사이트를 만들때 간단하게 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
반응형
'IT > 코딩' 카테고리의 다른 글
Dart - DataTypes 그냥 데이터타입 속성 이야기 #2 (0) | 2023.02.08 |
---|---|
Dart - Variable 그냥 변수 속성 이야기 #1 (0) | 2023.02.08 |
JS공부하기 싫은 당신을 위한 초간단 기초 (0) | 2022.11.16 |
HTML 기본 (0) | 2022.10.09 |
HTML CSS 그리고 JS (0) | 2022.10.05 |