[ WIL ] 23/02/06 ~ 23/02/12
이번 주차는 React를 시작해서 React에 대해 전반적으로 익히게 되었다.
SPA와 MPA의 차이는 무엇인지?
[React] - SPA / MPA ?
SPA? Single Page Application - 한 개의 페이지로 이뤄진 앱 MPA(Multi Page Application) 과 상반된 개념 왜 SPA가 좋은가? MPA는 어떠한 이벤트가 발생할때마다 웹페이지가 Reload 되어 Re-rendering되 데이터를 많이
seons-dev.tistory.com
또, React에서 자주 사용되는 JS 문법이 무었인지?
[React] - 자주 사용되는 ES6 문법
01. object key - value pair const age = 21; const someObject = { name: '서근', age: age, //key와 value가 같은 모양이면 value 생략 가능 blog: 'https://seons-dev.tistory.com, someFunc: () => { } }; 1) 얕은 복사 const obj1 = { somekey1: 10,
seons-dev.tistory.com
리액트 환경 설정과
[React] - 환경 세팅
npm? NPM(Node Package Manager) - 서드 파디 패키지들이 모여있는 집합소. yarn - 프론트엔드 의존성을 관리하기 위한 패키지 매니저 1. yarn 설치 터미널에서 yarn 설치 npm install -g yarn npm install -g yarn npm의 역
seons-dev.tistory.com
[React] - CRA(Create React App) 생성 방법
CRA? 한 줄의 명령어 입력으로 React 프로젝트 개발에 필요한 필수요소를 자동으로 구성하는 방법 WebPack, bable, eslin 등을 자동으로 설치 이렇게 알아서 설치해주는것을 보일러플레이트 라고 칭함 1.
seons-dev.tistory.com
컴포넌트들에 대해 알아보았었다.
[React] - 컴포넌트 (함수형 / 클래스형)
컴포넌트? 컴포넌트란 리액트의 핵심 빌딩 블록 중 하나로, UI 요소를 표현하는 최소한의 단위이며 화면의 특정 부분이 어떻게 생길지 정하는 선언체입니다. 개념적으로 컴포넌트는 JavaScript 함
seons-dev.tistory.com
아직 블로그에 작성하지는 못했지만, 프롭스나 리덕스같은 내용은 GitHub에 노트로 저장해두었다. 앞으로 TIL은 간단하게 쓰고, 블로그에 착착 써갈 예정이다.