[원티드] 클린 코드 프론트엔드

이 글은 네이버 블로그에 2024년 8월 18일에 올렸던 것을 그대로 옮겨온 것입니다.

• 개발자의 멘탈 모델

• YAGNI, 르블랑의 법칙, 보이 스카우트 규칙, Real World, Runtime

• 주의사항

• 클린코드란?

• 현실 세계 이해하기

• 코드가 주는 가치

• 프론트엔드 개발자에게 클린 코드란?

• JavaScript for Clean Code Part 1

• Scope, Type, Variable, if-else

• 언어의 특성

• 변수 관리하기

• 안전하게 타입 활용하기

• 분기문 정리하기

• JavaScript for Clean Code Part 2

• Object, Prototype, Function, Closure

• 배열 잘 알고 사용하기

• 객체 이해하기

• 함수 활용하기

• React for Clean Code

• JSX, State, Components, Props, Hooks API, Immutable, ESLint, Prettier

• 상태

• Props

• 컴포넌트

• 렌더링

• Lint & Formatter