23.07.07(금)

오늘 한 일

1. Gloddy 개발
   1. 방만들기 페이지 리팩토링 & 전체적인 리팩토링
   2. Refactoring : grouping 페이지 리팩토링
   3. Refactoring : 불필요한 layout파일 제거
2. DND 자료조사
3. FE News 읽기

오늘 배운 내용 요약

1. React에서 CSS는 언제 다운로드 받나요? JS로 HTML을 불러올 때 함께 CSS도 받아오는 건가요?
2. 초기 HTML 다운로드 : single root 요소만 존재
3. Assets 다운로드 : JS, CSS파일 등 다운로드
   1. 이 파일들은 bundled, minified된 파일임
   2. Build과정에서 React Code는 React 파일은 브라우저가 이해할 수 있는 JS로 compiled되었고, CSS파일 또한 compiled, bundled, minified되었음
4. JS 실행 : JS파일 다운이 완료되면 브라우저는 JS를 실행
   1. REact는 DOM을 실행
5. Load CSS : CSS가 다운로드되고 실행되자마자 브라우저에 적용됨
   1. CSS-in-JS를 사용하면, JS파일이 다운로드되고 실행되어야 CSS가 적용됨
6. React 렌더링 : React는 DOM을 렌더링하고, CSS가 적용된 DOM을 브라우저에 보여줌
7. CSR방식이, CDN에서 HTML파일과 LInk를 보내준다고했는데, 그 CDN는 어디에 있나요?
   1. SSG의 경우, HTML파일을 미리 만들어서 CDN에 저장해놓고, 요청이 들어오면 CDN에서 HTML파일을 보내줌 => 이를 통해 정적 페이지 생성
   2. CSR도 이와 유사. CDN에 HTML파일을 저장해놓고, 요청이 들어오면 CDN에서 HTML파일을 보내줌 => 이를 통해 동적 페이지 생성
8. 어떤 코드가 좋은 코드이고, 다른 사람들은 어떻게 코드를 작성할까?
9. 좋은 코드란? 1. sideEffect를 일으키지 않는 순수한 코드. 2. 코드 컨벤션을 지키는 일관된 코드 3. 코드를 처음 봐도 직관적으로 파악할 수 있는 코드

추가로 학습할 것

1. 다른 사람 코드를 보며 좋은 코드가 어떤 것인지 보기 & 따라하기

오늘의 생각

좋은 코드로 작성해보려 하는데, 내 습관인 코드로 자꾸 돌아가려 한다. 프로젝트 코드 컨벤션과, Airbnb 스타일 가이드같은 가이드를 주기적으로 보며 익히도록 하자. 그리고, 까먹으면 찾아가서 보자. 처음에만 찾아보면, 후에는 체화가 될 것이다.

PR과, 코드리뷰에 대한 수정을 거의 종일 했다. 앞으로는 PR을 꼭 기능 단위로 끊도록 하자. PR이 무거워지면 팀원들 간에 서로 딜레이가 생기게 된다.