리액트 초보3 React 초보 실습 - 3 https://www.youtube.com/watch?v=WT58gOl8Eh8&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=4 1. Component, 컴포넌트 (함수 만들기) * App.js * ## 리액트에서 함수 정의 시 함수명은 앞글자가 대문자여야 함. # 함수를 정의하면 function Header(){ return WEB } # 다른 함수에서도 사용할 수 있음. # 파이썬과 다른 점이 있다면, 태그()로 감싸서 사용 function App() { return ( html css js ) } 2. 컴포넌트로 다 분리하면 아래 코드도 가능 function App() { return ( ) } https://www.youtube.com/watch?v=t9e3hM.. 2022. 4. 19. React 초보 실습 - 2 기초부터 실습을 연습하려 합니다. 글 내용을 굳이 참고하실 필요 없고 생활코딩 유투브 강의 들으시면서 진행하시면 됩니다. https://www.youtube.com/watch?v=XQ-XqLVJBwg&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=3 1. src 폴더 - index.js 는 리액트 프로젝트의 입구 파일 2. index.js 에 App 부분은 App.js 에서 불러와짐 index.js 의 import 현황 -> 현재 경로(index.js 기준) 에 있는 App을 불러오는 것을 알 수 있다. import React from 'react'; import ReactDOM from 'react-dom/client'; import './index.css'; imp.. 2022. 4. 18. React 초보 실습 - 1 기초부터 실습을 연습하려 합니다. 글 내용을 굳이 참고하실 필요 없고 생활코딩 유투브 강의 들으시면서 진행하시면 됩니다. 다른 부분이 있다면 전 git 연동을 같이 시작했습니다. https://www.youtube.com/watch?v=txX3bL22esU&list=PLuHgQVnccGMCOGstdDZvH41x0Vtvwyxu7&index=2 1. Node.js 설치하기 https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. Visual Studio Code 설치하기 https://code.visualstudio.com/ Visual Studio Cod.. 2022. 4. 18. 이전 1 다음 반응형
