본문으로 건너뛰기

23.07.10(월)

하루 요약​

  1. 10시 ~ 16시 : 개발
  2. 16시 ~ 17시 : 스피치 코칭
  3. 18시 ~ 22시 : 개발

오늘 한 일​

  1. Gloddy 개발
  2. 스피치 코칭
  3. Frontend 공부
    1. CommonJS
    2. 좋은 코드
    3. CS 스터디 준비 - React18

오늘 배운 내용 요약​

  1. CommonJS는 Node.js와 동일하게, 브라우저 뿐 아니라 서버 사이드 애플리케이션이나 데스크톱 애플리케이션 등 타 환경에서 JS를 사용하려고 만들어진 모듈 시스템이다.
  2. 브라우저 환경은 ES Module(ECMA Script Modules) 기반이다.
  3. Node.js는 CommonJS 기반인데, ES Module도 도입되어 사용할 수 있다. package.json에 "type": "module"을 추가하거나, mjs확장자를 사용하면 된다.
  4. CommonJS는 동기적으로 모듈을 불러오며, module.exports와 require를 사용한다.
  5. ES Module은 비동기적으로 모듈을 불러오며, export와 import를 사용한다.
  6. 함수를 만드는 첫 번째 원칙, 작게. 두 번째 원칙은 더 작게.
  7. 함수는 이름을 내려갈수록 구체적으로, 변수는 올라갈수록(범용적으로 사용될수록) 구체적으로
  8. 함수의 인자는 1-2개로
  9. TODO/외적인 맥락/제한사항과 같은 주석은 달기. but 되도록이면 코드가 스스로 설명하게끔 작성할 것
  10. React 18 업데이트 사항
    1. Automatic Batching(상태 업데이트 한 번에 처리)
    2. RSC(React Server Component)를 이용하여 zero-bundle size, DB/파일시스템 접근, Automatic Code Splitting이 가능해졌다. 이는 데이터를 받아오거나, 전처리 과정에서, 파일 시스템이 필요한 부분에서 사용하면 된다.