개발 ON

모든 함수 컴포넌트는 대문자로 시작한다. 아래는 JSX 문법 연습용이다. function App() { const name = "JY"; const naver = { name : '네이버', url : 'https://naver.com' }; return Hello, {name}! {naver.name} ;} css style 적용 시에는 객체 감싸듯이 중괄호를 사용해 적용한다. 하나의 컴포넌트에는 하나의 태그만 적용 가능하기 때문에 return ‘’ 이런 식으로는 사용을 못한다고 한다.아래는 결과물이다.           ‘component’ 디렉토리를 하나 만들어 내부에 ‘Welcome.js’, ‘Hello.js’, ‘World.js’ 총 3개의 파일..

선행으로 VS Code랑 node.js가 설치되어 있어야한다. npx create-react-app {프로젝트명} cmd에서 npx를 사용하면 원격으로 패키지를 간편하게 설치할 수 있다. create-react-app 명령어를 통해 쉽게 리액트 프로젝트를 생성하자.  VS Code에서 해당 프로젝트를 열면 위와 같이 표출되는데 지금듣고 있는 강의에서 App.test.js는 사용하지 않으니 삭제하도록 한다. 그리고 node_modules는 용량이 크므로 git commit 시 업로드하지 않는다. 친절하게 .gitignore에 등록까지 되어있다.. package.json은 각종 dependencies를 모아놓은 파일이다. 없애면 구동이 불가능하다. VS Code에서 터미널을 열고 ‘npm start’ 명령어..