브라우저에서 웹 페이지 렌더링하는 방법과 과정
일상 속에서 우리는 검색, 클릭을 통해 많은 웹사이트를 접하고 있고, 각 사이트들은 수초안에 우리가 보는 화면을 그려줍니다. 이 짧은 수초 안에 일어나는 과정을 알아보려 합니다.
최근 포스트
RESTful API
RESTful API란? Representational State Transfer(표현 상태 전이)를 따르는 웹 서비스의 설계 원칙입니다. RESTful API는 자원(Resource)을 URL로 표현하고, HTTP 메소드를 통해 해당 자원에 대한 조작을 수행합니다.
React 반응형 UI(Responsive UI)
반응형 UI란? 다양한 기기와 화면 크기에 자동으로 적용하는 사용자 인터페이스, 디자인 접근 방식으로 이는 모바일, 태블릿, 데스크톱 등 다양한 디바이스에서 웹사이트 또는 애플리케이션이 일관되게 보일 수 있도록 합니다.
LightHouse를 사용한 성능테스트
Performance[성능] 웹 페이지의 전반적인 성능을 측정합니다. 이 매트릭스에서는 페이지 로딩 시간, 렌더링 시간, 대기 시간 등을 평가합니다. 빠른 페이지 로딩과 렌더링 시간, 적은 대기 시간이 좋은 성능을 나타냅니다.
React Hook Form을 사용해 Form 최적화 하기
yarn add react-hook-form
Notion 로컬 폰트 적용하기 Notion Enhancer
노션에서는 기본 폰트 변경 외에는 일반적으로 커스터마이징이 불가능합니다.
Git hub Repositorie Project 활용하기
칸반보드를 사용하는 것이 가장 직관적으로 프로젝트 진행을 볼 수 있다고 생각된다.