프론트엔드 공부할 때, 참고하기 좋은 자료

0. Front-end Basic

• 프론트엔드 개발자 로드맵
  • 회사 스택과 달라 무엇을 따라가야 할지 모를 때, 도움이 되는 자료
  • 트렌디한게 전부는 아니지만 기술 동향 파악하기에도 좋다. (매년 업데이트 됨)
• MPA vs SPA
  • 과거의 프론트엔드 환경과 현대의 프론트엔드 환경의 가장 큰 차이를 이해하고 싶다면...
• Javascript
  • 정리 잘되어 있음

1. React.js

• 전반적인 튜토리얼

  • https://react.vlpt.us/redux/02-rules.html
  • http://todomvc.com (MVC 구조 + React.js)

• ui 구현 관련

  • Header room(show/hide header)

• 컴포넌트 구조 관련

  • 탄련적인 컴포넌트 작성하기
  • 함수형 컴포넌트 베이직

• Redux

  • 리덕스 이해하기

• air bnb conding convention

• useCallback vs useMemo

• 리액트 면접 질문 (번역 중)

2. CSS

• 브라우저마다 다르게 작동하는 css 처리 방법
  • 브라우저마다 style이 다른 관계로 전체 reset이 필요하다. 일종의 초기화라고 생각하면 된다. 과거부터 사용되어 온 reset css 와 normalize css 가 있다.
    • Reset css
    • Normalize css

3. 아티클 번역

• 사파리는 evergreen browser가 아니다.

4. Broswer

• 브라우저는 어떻게 동작하는가? (By. Naver D2)
• 이벤트 전파
• 렌더링 최적화

5. DOM

• (번역) DOM이란 무엇인가?
• Virtual DOM

6. javascript & typescript

• 순환참조 피하기
• typescript 꿀팁

7. 기타

• 새로운 웹페이지 성능 측정 지표 CLS(Cumulative Layout Shift)
• (번역) 랜더링 성능을 향상 시키는 새로운 CSS 속성 content-visibility
• v8 엔진 설명
• Toast ui coding convention
• 프론트엔드 면접 질문