쌩로그

목록 포스팅 개요 본론 2-1. 코드 이해하기 2-2. JSX란? 2-3. JSX의 장점 2-4. JSX 문법 2-5. ESLint와 Prettier 적용하기 요약 1. 포스팅 개요 해당 포스팅은 리액트를 다루는 기술의 02장 JSX 를 학습하며 정리한 포스팅이다. 2. 본론 2-1. 코드 이해하기 yarn $ yarn create react-app [프로젝트 이름] npm $ npx create react-app [프로젝트 이름 or $ npm init react-app [프로젝트 이름] 프로젝트 구동 프로젝트 디렉터리 이동 후, start // yarn$ yarn start // npm$ npm start import logo from './logo.svg'; import './..

목록 포스팅 개요 본론 2-1. 왜 리액트인가? 2-2. 리액트의 특징 2-3. 작업 환경 설정 요약 1. 포스팅 개요 해당 포스팅은 리액트를 다루는 기술의 01장 리액트 시작 을 학습하며 정리한 포스팅이다. 2. 본론 2-1. 왜 리액트인가? 리액트 최대한 성능을 아끼고 편안한 사용자 경험(user experience)을 제공하면서 구현하고자 개발한 것이 리액트(react)이다. 오직 View만 신경 쓰는 라이브러리이다. 렌더링 사용자 화면에 뷰를 보여주는 것 리액트를 사용하려면 리액트 컴포넌트가 최초로 실행한 '초기 렌더링'과 컴포넌트의 데이터 변경으로 다시 실행되는 '리렌더링' 개념을 이해해야한다. 컴포넌트는 데이터를 업데이트할 때 바로 DOM에 반영하지 않고, 이전에 ..