WIL - Weekly I Learned
![](http://i1.daumcdn.net/thumb/C400x400/?fname=https://blog.kakaocdn.net/dn/PMwbQ/btrIADHKHrK/gIq9Ixo1KtlnmIpkxYFzwk/img.png)
![](https://tistory1.daumcdn.net/tistory/4951783/skin/images/no-image.jpg)
컴포넌트의 데이터 관리 ⇒ 상태 관리 컴포넌트가 가지고 있는 데이터 ⇒ props와 state props와 state는 따지고 보면 둘 다 일반 자바스크립트의 객체이다. 그런데 렌더링 결과물에 영향을 주는 데이터를 가지고 있다. props Component가 부모 Component로부터 받아온 데이터이다. 읽기 전용이라 props는 절대 수정하면 안 된다. props는 순수 함수처럼 동작해야 한다. state Component가 가지고 있는 데이터이며 내부에서 바뀔 수 있는 값이다. 함수형 컴포넌트는 useState() 훅을 사용해서 상태 값을 가질 수 있다. state는 직접 수정하면 안 된다. state는 비동기적으로 업데이트된다. 리렌더링 발생조건 1. State(상태) 변경이 있을 때 2. 새로운..
![](http://i1.daumcdn.net/thumb/C400x400/?fname=https://blog.kakaocdn.net/dn/JY2yM/btrIaPBnxYg/AXXv92IDdhXMdnBx2jzeHk/img.png)
![](https://tistory1.daumcdn.net/tistory/4951783/skin/images/no-image.jpg)
자바스크립트란 일종의 체계 메뉴얼 /안내책자/설명문이다. 누군가 업데이트를 하면 모든 브라우져에서 작동하게 된다. 메뉴얼을 받아 자기들 방식으로 실행이 된다. ES5랑 ES6 같이 ES 뒤에 붙은 숫자는 specification의 버전을 나타내는 숫자다. 바닐라 자카스크립트는 JavaScript의 한 종류로 Library가 없는것을 의미한다. 자바스크립트는 language, ECMAScript는 specification ES란? ECMA Script의 약자이며 ECMA-262 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어다. 자바스크립트 표준화를 위해 만들어진 자바스크립트의 새로운 이름/버전이다. ES버전은 매년 버전이 갱신되고 있는데 ES6는 2015년에 만들어졌는데 이때, 자바스크..
![](http://i1.daumcdn.net/thumb/C400x400/?fname=https://blog.kakaocdn.net/dn/ncADf/btrH5fA35UC/tlNhFVotPdzhjVBQQtrzo1/img.png)
![](https://tistory1.daumcdn.net/tistory/4951783/skin/images/no-image.jpg)
웹개발 미니 프로젝트 (7/11~7/14) 웹페이지 시연 영상 B반 9조 미니프로젝트 와이어프레임 & 개발해야 하는기능들 정리 2022.07.11 - [스파르타코딩] - [Chapter 1] 9조 S.A (Starting Assignment) [Chapter 1] 9조 S.A (Starting Assignment) 목 차 1. 프로젝트명 2. 소개 3. 와이어 프레임 4. 개발해야 하는 기능들 5. public github repo 주소 1. 프로젝트명 북플릭스 (BOOKFLIX) 2. 소개 자신이 읽은 책들에 대해 간단한 리뷰를 등록할 수 있는 페이 danwoo2.tistory.com 깃허브 링크 https://github.com/pmjn1025/pmjn1025-BookFlix_alpha.git Git..