TIL 5

**👊 3주차 리액트 개인 프로젝트 끝난 날!

해야할 것

5.26 (목)

1. 팀과제 라이프 사이클 내꺼 + 키워드 프랍스 + 함수형 컴포넌트

2. 키보드 청소

3. 리액트에서 중요한 state ,props, 컴포넌트에 대한 정확한 이해 ( 유투브 영상, 강의 듣기)

4. 내가 어제 한 과제 코드 뜯어보기

5. 그렇게 했는데 시간이 남는다면 리액트 강의 노마드꺼 처음부터 듣기 !!

6. !! 일기를 시간 날 때 미리 쓰자. ( 안 쓰니까 안 좋은 효과가 나오고 있는 거 같다. 그게 크게 와닿지는 않지만 < 약 때문에 억지로 상황을 끌어올리니까>
   분명히 행동을 보면 상태가 안 좋아지는 거 같다.
   ( 말을 하는데 불편함이 생김. 안 좋은 상태 말하는 것 같은 그 느낌 ... 다른 약을 추가해야하는 걸까? 초조함, 불안함이 동반되기에 저런 걸까?

7. ?? 하.... 클래스 컴포넌트가 이해가 안 된다........... 하..... 상태의 문제일까 뭐가 문제일까.........

8. 우아한 테크 1년 과정 개발자 양성 프로그램.

9. ?? 자바, c++ 객체지향언어 ( 객체지향 언어란?

10. 블록체인으로 유투브 만들기가 뭔 뜻일까?

11. 내일 거 너무 깊게 파지말고 공식처럼 외우고 빨리 끝내고 다다음주꺼나 미리 대비~~

공부한 것

1. constructor 은 우리가 만드는 컴포넌트가 브라우저 상에 나타나는 과정에서 가장 처음 실행되는 것. 컴포넌트가 가진 state를 초기설정 한다든지 컴포넌트를 만들 때
   미리 해야할 작업이 있다라면 constructor (생성자)에서 해준다.

2. get DerivedStateFromProps는 만약 props로 받은 값을 state에다가 그래도 동기화를 시키고 싶다할 때 쓰임. (마운팅, 업데이팅에서 사용)

3. render 함수 저기에선 우리가 어떤 DOM을 만들게 될지, 내부에 있는 태그는 어떤 값을 전달해줄지를 여기에서 정의해준다.

4. React update ( 브라우저 상에 나타나게 되면)

5. componentDidMount 외부의 라이브러리 ( 차티스트<차트 그려주는> 등)를 가져올 때 사용된다. /+ API , Ajax 네트워크 요청을 할 때 componentDidMount 함수 안에서 처리한다.
   컴포넌트가 브라우저에 나타난 시점에 어떤 작업을 하겠다 할 때 쓰임 ( 이벤트리스닝, api 요청 등 여기서 함)

6. <img src" 파일 주소 ">
   6-1 display: flex하면 정렬이 세로에서 가로로 바뀜
   -2

1. 컴포넌트 A에서 {name:“르탄이”}라는 state를 {name:“진도사우르스”}로 변경한다.
2. 부모 컴포넌트에서 Updating이 발생한다. 라이프 사이클이 시작된다.
3. shouldComponentUpdate 메서드가 실행된다.
4. 바뀐 props를 이용하여 부모 컴포넌트의 렌더링한다.
5. 바뀐 props를 이어받아 컴포넌트 A의 자식인 컴포넌트 B의 렌더링이 실행된다.
6. 진짜 DOM에 업데이트된다! (화면에 보여진다)

1. 컴포넌트 A state가 변경되면 shouldComponentUpdate 메소드가 렌더링 필요한지 true, false로 반환한다.

2. render에서 렌더링 한다.

3. 렌더링 후 getSnapBrforeUpdate 에서 필요한 작업 처리한다.

4. React updates DOM and refs 브라우저에 띄운다.

=======================================

매니저님 말씀

=======================================

1. 같은 조원이 한 코드를 보고 모방을 하는 것도 좋다

2. 내일부터 리덕스랑, 파이어스토어란 개념이 올 것임.. 많이 어려울 것. ( 파이어스토어는 하나의 플랫폼을 배우는 것)
   < 비중을 리덕스 8, 파이어스토어 2로 잡아라. 파이어스토어는 이해하려고 하지말고 그냥 거기서 지시한대로 행동할 것. >

3. 담주에 매니저님이 리덕스 강의할 것 1시간 동안 간단하게 만약 그전까지 공부 안 하면 시간 낭비일 것 그러므로 이렇게 저렇게 구르고 올것

4. ??!! 실전 프로젝트에서 게시판 만들지말고 노션을 만들라 ( 무슨 말이지...?)
   < 댓글 쓰고, 지우고, 게시판 물물교환 웹페이지 같은 너무 일반적인 거 만들지말라. 5기의 마피아 게임 같은 3D 게임 같은 6기의
   너무 뻔함 앱 만들지 말라. 맛집 탐방 앱, 달리기 같이 할 사람 찾는 앱... 이런 게 다 게시판

5. 내가 만드는 게 제품이길 바람. 플랫폼을 만들지말고.. 이런 것들이 포트폴리오로써 더 의미가 있으리라 생각함.
   < 다 동일한 게시판의 형태로 만든게 아니니 >

6. 17분부터 예상기 매니저님의 리덕스 설정에 대한 꿀팁!!!!!
   6-1 히스토리등 탐구할 필요 없다. 그냥 하라고 되있기에 그냥 하면 됌....
   6-2 파이어스토어는 강의 버전을 따라해라 이번에 버전업해서 많이 달라짐..!!

7. 컴포넌트, 프랍스, 뭐 하나

/+ 🤦‍♂️

해야 할 것, 당일 해야할 일으로 원래 해야 할 것의 상위 카테고리를 두 개로 나누자.

두 가지 내용을 모두 해야 할 것이라는 곳에 쓰다보니까 보는 나도 혼동이 온다.

확실한 구분으로 당일 해야할 일에 대한 순서를 명확히 인식하자.