1) What is React? React는 javascript 언어를 사용하고 컴포넌트를 기반으로 쓰이는 라이브러리이다! > 컴포넌트란! 1) 소프트웨어 개발을 마치 레고(Lego) 블록을 쌓듯이 쉽게 할 수 있도록 하는 기술을 말한다. -> 리액트를 쓰면 각각의
1) 🤔JSX란? 2) 컴포넌트 작성방법2가지 3) JSX 사용예제 ✔ 여기서 배우고 갈 점!
1) 🤔컴포넌트란? 2) 컴포넌트 구성요소 3) 컴포넌트 사용 예시
1) CRA(Create React App)란❓ 2) webpack 개발환경 구축하기 3) babel 개발환경 구축해주기
1. require대신 import구문 2. 컴포넌트 안에 다른 컴포넌트 넣기 3. 자동 빌드를 위한 설정값
1. html페이지에서 헤더부분에 link로 연결해주기 2. webpack을 이용해서 각 컴포넌트에 css를 연결해주기 3. 각각의 컴포넌트가 가지고 있는 css를 하나의 css파일로 묶어서 연결해주기
1. state가 무엇인가❓ ✔ state 쓰는법 ✔ babel 사용해서 state 쓰는법 전체코드(바벨사용) 2. props가 무엇인가❓ ✔ props쓰는법 3. ⭐다시 한번 짚고 넘어가는 state와 props의 가장 중요한 차이점⭐
1. map함수❓ 2. map 사용하여 내비 메뉴리스트 만들어주기
라우터 npm install react-router-dom
1. 함수형 컴포넌트❓ 2. 함수형 컴포넌트 특징 3. useState 사용법 4. function 컴포넌트로 state값 넘겨주기
1. useReducer란❓ 2. useReducer사용법 3. useState코드와 useReducer코드 비교해보기
1. 환경세팅⚙ 2. Hello Next.js 찍어보기 3. Next.js의 어마어마한 장점? ⭐파일명 자체가 라우터가 된다는 점!