코딩 일기장

create-react-app으로 프로젝트 생성하기 create-react-app은 리액트 프로젝트를 생성할 때 필요한 웹팩, 바벨의 설치 및 설정 과정을 생략하고 바로 간편하게 프로젝트 작업 환경을 구축해 주는 도구 VS Code에서 터미널을 열고 (Git Bash) $ yarn create react-app "프로젝트 이름" 프로젝트 생성이 완료 되었다면 $ cd "프로젝트 이름" $ yarn start

Node.js와 npm https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org yarn https://classic.yarnpkg.com/en/docs/install#windows-stable Yarn Fast, reliable, and secure dependency management. classic.yarnpkg.com git https://git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git sourc..

리액트? 리액트는 자바스크립트 라이브러리로 사용자 인터페이스를 만드는데 사용 타 프레임워크가 MVC, MVVM, MVW 아키텍처 구조를 가지는 한편 리액트는 오직 V만 신경씀 컴포넌트 리액트 프로젝트에서 특정 부분이 어떻게 생길지를 정하는 선언체 다른 프레임워크에서 사용자 인터페이스를 다룰 때 사용하는 템플릿과는 다른 개념 템플릿이 보통 데이터셋이 주어지면 HTML 태그 형식을 문자열로 반환하는데 이와달리 컴포넌트는 좀 더 복잡한 개념 컴포넌트는 재사용이 가능한 API로 수많은 기능들을 내장하고 있으며 컴포넌트 하나에서 해당 컴포넌트의 생김새와 작동 방식을 정의 렌더링 사용자 화면에 뷰를 보여주는 것을 렌더링이라고 함 초기 렌더링 어떤 UI 관련 프레임워크, 라이브러리를 사용하든 맨 처음 어떻게 보일지를..