프로젝트
- 프론트엔드 개발자로 가장 중요하다고 생각하는 부분
OS
- js Set 구현해보기
웹서비스에서 캐시가 적용되는 예제로는 어떤 것들이 있나요?
웹서비스에서 캐시 역시
자주 사용하는 데이터들을 캐시에 담아두어 처리속도를 높이는 캐시의 핵심 원리가 적용됩니다. 우리는 웹브라우저에서
뒤로가기를 통해 보았던 페이지를 다시 가거나, 이전 방문한 페이지를 재방문할 때 빠르게 웹사이트가 그려지는 것이 웹서비스에서 캐시가 사용된 대표 사례입니다.
브라우저가 서버에 html을 파일을 요청하고 받을 때, 응답 헤더에 캐시에 저장하는 태그를 넣어 보내,
다음번 방문시 캐시에서 html과 css파일등을 빠르게 접근할 수 있게 합니다.구현
(최적화) throttle, debounce 구현해보기
- 알고있는 프론트엔드 최적화 작업
- 메모리
- 쓰지않은 메모리에 대해서 null 기입
- 캐싱을 통한 최적화
- ProxyServer
- Clinet와 Sever사이에 프록시서버를 두어 캐싱해두는 작업
- 성능최적화
- resourse 로딩
- lazy로딩
- 구현방법
- 이미지는 src에 스크롤에 따라 넣어주기
- 컴포넌트는 큐에 넣어두고 몇개씩 빼가면서 구현
- 렌더링 최적화
- Memoization
- 브라우저의 렌더링 과정
- throttle과 debounce의 차이
- 사용사례
- 키보드에서 ajax요청
- 몇초에 1번 (쓰로플)
- 입력이후 1번만 보내도록 (디바운스)
- 디자인패턴
- 컴포짓패턴
- 트리구조에서 사용
- 비지터패턴, 이터레이터 패턴 , ... ,
- 학습
- 프로그래밍 관련 학습 어떻게 진행하는지
- 무엇에 따라 다르다.
- 새로운스택 → 공식문서
- 디자인패턴, 이론 → 책, 이론
- 디자인패턴 관련 책 읽고 인상깊었던 점
- 왜 사용하는가를 깨닫게 되었다.
- 나중에 확장, 재사용성에 있어서 필요
(js)일급객체(js) 이벤트 위임
- 이벤트 전파는 항상 이루어지는지?
- 일단 -
(Ajax와 RestAPI)
- RestAPI
- 리로스를 가져올 때 암묵적으로 지키는 방식
- URI와 HTTP Method를 통해서 사용하는 방식
- 장점
- URI만 보고도 파악할 수 있다는 장점