리액트 심화과정 2일차!!! 오늘도 역시 강의를 들었다....튜터님이 보고싶었다.
실제로 이제 프로젝트를 만들면서 최소 단위 컴포넌트로 나누는 작업을 했다. 기능보다는 거의 CSS 적용이였지만 기존의 Sass나 css를 그냥 쭉 일자로 적는 것과 괴리감이 너무 들었다...
- 리액트 폴더 구조 나누기.
- 피그마
자바스크립트 개념중 Prototype을 배웠는데.....이해가 되질 않았다. 정리하면서 공부를 해봐야겠다.
최소단위 컴포넌트를 스타일링하면서 default props에 넣는 값들을 어떤 기준으로 넣는걸까?
Post.defaultProps = {
user_info: {
user_name: "mean0",
user_profile: "https://mean0images.s3.ap-northeast-2.amazonaws.com/4.jpeg",
},
image_url: "https://mean0images.s3.ap-northeast-2.amazonaws.com/4.jpeg",
contents: "고양이네요!",
comment_cnt: 10,
insert_dt: "2021-02-27 10:00:00",
};
- 리액트의 동작원리 (공식문서 참고)
- 리액트 리렌더링과정
- 브라우저 렌더링
리액트라는 녀석은 알면 알 수록 빡센 녀석같다.... 리덕스도 이제 90프로 이해한줄 알았건만..
팀원들과 대화에서 급 멘붕이 왔다. component, action, middleware, reducer의 flow를 좀 더 명확히 파악해서 써야겠다.