프론트엔드

태그

프론트엔드

1 more property

프론트엔드

Search

컴포넌트 설계에 대한 고민

나는 컴포넌트 설계를 통해 코드 재사용성과 유지보수 용이성을 높이는 방법에 대해 고민하고 있으며, 이를 통해 더 효율적인 개발이 가능하다고 생각한다.

프론트엔드

요즘 고민하고 사용하는 컴포넌트 패턴

디자인패턴

프론트엔드 개발자로서, 컴포넌트 패턴을 통해 데이터 관리와 뷰 분리를 실현하는 것이 중요하다고 생각한다.

프론트엔드

클라이언트 사이드 렌더링(CSR)

클라이언트 사이드 렌더링(CSR)은 브라우저에서 DOM을 생성하여 HTML을 렌더링하는 방식으로, 초기 로딩 속도가 빠르지만 JS 크기가 커지는 단점이 있다. 내가 CSR이 필요한 경우와 필요하지 않은 경우를 잘 이해해야 한다고 생각한다.

프론트엔드

프론트엔드에서 상태관리는 Custom hook? Redux?

프론트엔드 상태 관리를 위해 Custom hook과 Redux를 비교하며, 코드 분리를 통해 가독성과 유지보수성을 향상시키는 방법에 대해 이야기한다. 내가 상태 관리의 중요성을 더욱 깊이 이해했다고 생각한다.

프론트엔드

이력서 가이드

이력서 가이드는 프론트엔드 개발자가 작성해야 할 JD 분석, 지원동기, 자기소개서, 기술 스택 및 포트폴리오 작성 방법을 안내한다. 내가 이 가이드를 통해 이력서 작성의 중요성을 이해한다고 생각한다.

프론트엔드

데이터 패칭과 캐싱 및 상태관리에 대해

데이터 패칭, 캐싱 및 상태 관리를 위한 도구인 RTKQuery, React Query, SWR의 장단점에 따라 프로젝트에 적합한 도구를 선택하는 것이 중요하다고 생각한다.

프론트엔드

서버 사이드 렌더링(SSR)

서버 사이드 렌더링(SSR)은 서버에서 HTML을 생성해 클라이언트에 전송하여 웹 콘텐츠 렌더링 속도를 높인다. 내가 생각하기에 SSR은 검색 엔진 최적화에 유리하다.

프론트엔드

정적 사이트 생성(SSG)

정적 사이트 생성(SSG)은 변화가 적은 콘텐츠에 적합하며, HTML을 빌드 시점에 생성해 CDN에 배포해 높은 트래픽을 처리할 수 있다. 내가 SSG의 특성을 잘 이해하고 혼합하여 사용하는 것이 중요하다고 생각한다.

프론트엔드

브라우저 렌더링

브라우저 렌더링 과정은 HTML을 다운로드하고 DOM과 CSSOM을 생성한 후, Render Tree를 만들어 화면에 그리는 작업이다. 나는 성능을 개선하기 위해 Layout을 줄이고 transform 속성을 활용하는 것이 중요하다고 생각한다.

프론트엔드

웹 전체를 아우르는 문제 정리

프론트엔드 개발자는 브라우저와 서버에 대한 지식을 갖추고 클라이언트와 협업하여 웹 문제를 해결해야 한다. 내가 서버 지식이 필수라고 생각한다.

프론트엔드

웹앱의 구성요소

웹앱은 HTML, CSS, Javascript로 구성되며, 클라이언트 사이드와 서버 사이드 렌더링 방식을 통해 UI를 제공한다. 내가 웹앱의 기본 요소와 실행 관점에 대해 이해하고 있다고 생각한다.

프론트엔드