Front-end Interview Cheatsheet
frontend 관련 중요한 개념들을 cheatsheet 형태로 정리해 보자.
최근 포스트
Javascript Tree Shaking
front-end 최적화 방안 중 하나인 tree shaking에 대해 공부해 보자.
Web event propagation
사용자와의 인터렉션이 많아진 현대 web에서는 거의 모든 개발이 event 기반이라고 할 수 있다. 이벤트를 등록하는 방법, 전달 방식들을 파헤쳐 보자.
Javascript data types and comparison
2020년 8월 2일에 본 토스 front-end 코딩 테스트에 toEqual() 과 toBe()를 구현하는 문제가 나왔다.
Javascript async await
ES6에 추가 되었던 Promise를 조금 더 직관적으로 사용하기 위해 ES8에 추가된 async/await 에 대해 알아보자.
Web webpack, babel config
create-react-app (CRA)를 이용해 react 프로젝트를 만들고 yarn eject를 통해 추출한 config 폴더 및 webpack.config.js 파일을 이해해 보자.
Lodash debounce 이해하기
you don't need 시리즈에 구현된 lodash의 debounce 함수를 파헤쳐 보자.
Javascript Promise
Callback hell async(1, function({ async(2, function({ async(3, function({ async(4, funciton({ // do something ...
Web Intersection Observer API
지난 css sticky 에서 detection을 위해 사용했던 custom hooks에 쓰이며 lazy-loading, infinite-scroll 을 가능하게 하는 Intersection Observer API에 대해 알아보자.
Web css position, sticky
Position static: 요소를 일반적인 문서 흐름에 따라 배치. top, right, bottom, left, z-index 속성이 영향 주지 않음. relative: 요소를 일반적인 문서 흐름에 따라 배치하고 자기 자신을 기준으로 offset(top, right,...