Study/React2 [React] Ch 02 * 이 글은 강의를 들으며 개인적으로 정리하고 기록하기 위한 글입니다. * 강의명 ) 프론트엔드 개발 초격차 패키지 Online Create React App 폴더와 파일 기본 구조 이름을 수정하면 안되는 파일 public/index.html : 페이지 템플릿 src/index.js : 자바스크립트 시작점 알아둘 것 public 내부의 파일만 public.html에서 사용할 수 있음 src 폴더에 JS 파일과 CSS 파일을 작성해 사용 Webpack은 src 폴더에 있는 파일만 보기 때문에 다른 폴더에 넣은 파일은 처리되지 않음 package.json 파일에 해당 프로젝트에 대한 정보들이 명시되어 있음 (프로젝트 이름, 버전, 필요한 라이브러리와 라이브러리의 버전, 앱을 시작할 때/앱을 빌드할 때/ 테스.. 2023. 8. 11. [React] Ch 01. 리액트 기본 배우기 * 이 글은 강의를 들으며 개인적으로 정리하고 기록하기 위한 글입니다. * 강의명 ) 프론트엔드 개발 초격차 패키지 Online 리액트란 무엇인가요? React는 사용자 인터페이스를 만들기 위한 JS 라이브러리 인터렉션이 많은 웹 앱을 만들기 위해서 주로 사용됨 프레임워크와 라이브러리의 차이 프레임워크: 어떠한 앱을 만들기 위해 필요한 대부분의 것을 갖고 있는 것 라이브러리: 어떠한 특정 기능을 모듈화 해놓은 것 프레임워크는 라이브러리를 포함하고 내가 작성한 소스 코드를 호출함. 소스 코드는 어떠한 기능을 구현하기 위해 라이브러리를 호출하게 됨 리액트는 프레임워크가 아닌 라이브러리 리액트는 전적으로 UI를 렌더링하는 데 관여 화면을 바꾸는 라우팅은 react-router-dom모듈을 사용 상태관리를 위해.. 2023. 8. 3. 이전 1 다음
