11.08(6)

yeen00123·2021년 11월 8일
0

Today-I-Learned

목록 보기
6/31

섹션2 커리큘럼

폴더구조 체계화 -> 게시글 기본 crud완성 -> 프로젝트 안정성

오늘의 커리큘럼

거짓&조건부렌더링 -> 폴더구조 체계화 -> Props -> Emotion Props

ata && data.fetchProfile
data가 참일때

data ?? data.fetchProfile
data가 null, undefined일때만 뒤에거 보여줘(비어있는 거짓)

data || data.fetchProfile
data가 거짓일때

폴더구조를 체계화 하는 것에는 여러가지 방법이 있는데 그 중에서 이 방법을 사용해 볼것이다.
container / presenter 패턴
기능쪽 / 보여주는쪽
자바스크립트 / html(jsx)

presenter파일을 임포트 한 후
container의 리턴 밑에 presenter export default 함수명을 넣으면 된다.
container가 부모 컴포넌트
presenter가 자식 컴포넌트로 들어가진다.

반대로 html에서 js를 불러와야할 경우는 props를 사용한다.

실무에서는 최대한 100줄이 안넘게 만든다.
빡세게 하면 70줄로 줄인다.
한 파일에 수백줄을 넣고 수정을 한다면 서로 충돌이 나기 쉽다.

0개의 댓글