#안녕하세요
저는 김창준입니다.

안녕하세요. 웹을 통해 사용자와 직접 소통하며 사용자 경험을 최우선으로 생각하는 프론트엔드 개발자, 김창준입니다.

삼성 청년 소프트웨어 아카데미(SSAFY 8기)에서 기획부터 디자인, 프론트엔드, 백엔드까지 전 과정을 직접 경험하면서 사용자의 눈에 직접 보이는 인터페이스를 구현하고, 단순히 시각적인 부분을 넘어, 백엔드 시스템과 기획 의도를 사용자에게 효과적으로 전달하는 역할인 프론트엔드 개발의 매력에 빠지게 되었습니다.

새로운 프로젝트를 시작할 때마다, 저는 최소 한 가지 새로운 기술을 적용해보려고 합니다. 이 블로그를 구현할 때 Next.js와 Vanilla-Extract를 사용해 개발했습니다. 이 과정에서, 정적 사이트 생성(SSG)을 활용해 사이트의 로딩 속도를 빠르게 하고 SEO를 최적화하는 방법을 배웠습니다. Vanilla-Extract를 사용해 보며, CSS 타입 안정성을 확보하고 성능을 개선했습니다. 기술 트렌드에 대해 지속해서 정보를 수집하기 위해, 프론트엔드 개발자 오픈채팅방에 참여하거나, 관련 뉴스레터를 구독하는 등의 방법을 활용하고 있습니다.

2023-10-16 작성

Github Portfolio kchang6869@gmail.com rss.xml

#🛠 Tech.

기술 스택

ES6+를 이해하고, 이를 활용하여 중소규모 프로젝트를 진행할 수 있음

JavaScript 기반 프레임워크와 라이브러리를 활용할 수 있음

최신 ECMAScript 표준에 대한 지속적인 학습과 적용

TypeScript 문법을 이해하고, 타입 시스템을 활용하여 프로젝트를 개발 가능

Life Cycle을 이해하고, 기초적인 컴포넌트 구조를 설계하고 구현할 수 있음

Hooks와 React Context 등을 이용하여 상태 관리와 데이터 흐름을 구현할 수 있음

커스텀 훅을 이용하여 공통 로직을 분리하거나, 컴포넌트와 로직을 분리할 수 있음

Next.js와 Contentlayer를 사용하여 정적 블로그를 개발, 파일 기반 라우팅

SSR과 SSG의 기본 원리를 이해하고 있음

#Etc.

경험이 있음

vue2vanilla-extractStorybookSpring-Bootnode.jsexpressmongoDBMySQL

#✨ Project.

프로젝트

지피지기

6명 (프론트3 / 백3)

프론트엔드

2023.04.10 ~ 2023.05.19 (총 6주)

TypeScriptReactAxiosReact-QuerySCSSContextAPIVite

ZippyZiggy는 ChatGPT 프롬프트를 쉽고 빠르게 사용할 수 있게 도와주는 서비스입니다. 다양한 플랫폼(웹, 앱, 브라우저 확장프로그램)에서 사용할 수 있습니다.

ChatGPT가 출시된 초기 단계에서 사용자 경험을 개선하고자 하는 목표로 기존의 불편한 UI를 개선하고, 새로운 기능, 번역 기능, 그리고 미리 작성된 프롬프트 적용 기능을 추가하는 데 초점을 맞췄습니다. 이 서비스는 다양한 플랫폼에서 ChatGPT의 접근성을 높이는 것을 목표로 삼았습니다.

프로젝트 결과물

구현 기능