개발 블로그가 되고싶은 개발 공부 블로그
방문해 주셔서 감사합니다. 이 블로그에 제가 프론트엔드 개발자로써 필요한 스택들을 갖추는 과정을 기록했습니다. 스택들에 대한 정보를 담은 글, 그리고 진행했던 프로젝트의 일부와 그 설명을 보실 수 있습니다.
Posts
|
August 29, 2023
Next.js 최적화하기
Next.js에서 앱의 초기 렌더링 성능 향상을 위해 여러 방안들을 제시한다. 이 방법들은 결국 화면 표시에 필요한 data fetching과 렌더링 하는 번들 사이즈의 효율화에 달렸다.Read post
|
August 19, 2023
Next.js에서 SEO 향상 전략
SEO(Search Engine Optimization)은 사용자가 검색어를 입력했을 때, 해당 검색 결과에 검색엔진에 의해 높은 순위를 차지할 수 있도록 웹사이트를 설계하는 전략 및 기술을 이야기한다. Next.js에서 SEO를 향상시키는 방법에 대해 알아보자.Read post
|
August 13, 2023
Execution Context
자바스크립트 코드의 실행 순서를 관리하는 콜 스택에는 함수가 쌓이지 않는다. 대신 함수가 실행 될 때, 함수가 실행되는데 필요한 정보들을 담은 실행 컨텍스트가 콜 스텍에 쌓이게 된다.Read post
Works
![[object Object]](/_next/static/media/nextjs.865b41dc.svg)
![[object Object]](/_next/static/media/planetscale.f9654b1d.svg)
![[object Object]](/_next/static/media/redux.cd048ab2.svg)
![[object Object]](/_next/static/media/ts.ee3b3ff1.svg)
Backtest web ui(진행중)
자동매매 백테스트 결과를 정리하여 저장하고 실전 거래를 도와줄 개인용 웹 만들기.github.com
중고차매매
상용화를 염두해 두고 Next.js로 개인 중고차 딜러의 웹 사이트를 만들었습니다.github.com
Next.js 블로그 리펙터
React로 만들었던 블로그를 nextjs의 정적 페이지 빌드를 이용하여 리펙터 함.github.com
![[object Object]](/_next/static/media/query.313993d7.svg)
![[object Object]](/_next/static/media/firebase.06c8e8ea.svg)
Blog
개인 용도의 블로깅, 포르폴리오 게시를 위한 블로그. 게시물 게시와 관리 기능 구현.github.com
ToDoList
CRUD가 작동하는 ToDoList app 만들기, 서버에 데이터를 저장하고 리덕스를 사용github.com
![[object Object]](/_next/static/media/react.041b6532.svg)
Youtube Clone
Youtube api를 이용한 Youtube 클론코딩. 인기 목록, 검색기능과 상세페이지 구현.github.com