creativity meets technology 개발과 디자인을 넘나드는 융합형 인재를 목표합니다. 직관적인 디자인, 딜레이 없는 서비스 제공을 최우선으로 생각합니다. JS 기반의 프론트앤드 프레임워크에 능숙하며 api 작업, DB 쿼리 작성 등 일부 백앤드 작업 또한 가능합니다. Figma와 Clip studio paint를 활용하여 UI/UX 디자인, 일러스트 작업 등이 가능합니다.
view more chocoham blog # Next.js # typescript # SCSS # node.js # mongoDB SEO 최적화와 필요 요소들을 배웠습니다. Google PageSpeed Insights 기준 검색엔진 최적화 100점, 성능 90점을 받았습니다. 외부 호스팅 서버 CDN을 구성, 기존에 비해 이미지 로딩 시간을 1초 이상 줄였습니다. AWS S3 bucket의 JS SDK를 블로그, CDN 서버와 연동해 포스트 작성시 썸네일 및 포스트 이미지 첨부를 구현했습니다. 사용 모듈의 버전업에 근거한 리팩토링 및 migration을 경험하였습니다. 신규 문법과 개선된 메소드 사용은 곧 성능 개선으로 이어졌습니다. 계층형 트리구조를 활용한 대댓글 시스템을 직접 구현하여 비관계형 DB 스키마의 설계 및 쿼리문, api 작성에 관해 배웠습니다.
view more 2025 portfolio # javascript # CSS # vite # CI/CD vanila JS, CSS만을 이용한 싱글페이지 애플리케이션입니다. 모든 기능을 라이브러리 없이 구현하였습니다. vite 번들러를 활용해 페이지의 크기를 줄였습니다. html, CSS만으로 실제 3D 모델과 유사한 컴포넌트를 작성했습니다. 실제 모델보다 퍼포먼스가 뛰어나고 캐러셀과 같이 interactive한 효과를 모델에 줄 수 있습니다. intersection observer와 wheel 이벤트를 적절히 활용해 부드러운 스크롤을 구현했습니다. 스크립트를 통한 스크롤 이동시 스크롤 완료를 감지하여 로직을 동기적으로 수행합니다.