[ WIL ] 23/02/06 ~ 23/02/12

서근

2023. 2. 12. 23:29

QUOTE THE DAY

이번 주차는 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은 간단하게 쓰고, 블로그에 착착 써갈 예정이다.

저작자표시 비영리 변경금지

'FRONT-END > TIL' 카테고리의 다른 글

[ WIL ] 23/02/13 ~ 23/02/19 (1)	2023.02.19
[TIL] 230203 JSX (10)	2023.02.05
[TIL] 230202 npm / yarn (1)	2023.02.05
[TIL] 230201 SPA (1)	2023.02.05
[TIL] 230130 백준 입력 템플릿 (2)	2023.02.01