[✕] Analysis Experience 도시계획 및 지리학 전공에서 주로 양적 연구 방법을 공부했습니다. 다층위의 데이터 분석을 위해 통계학과 지리정보시스템(GIS)을 공부하면서 데이터와 프로그래밍에 대한 감각을 익힐 수 있었습니다. 13.3-20.3
[✕] Backend Experience 백엔드 개발자로 일하면서 주로 도메인 데이터 설계와 API 개발을 맡았습니다. Spring 프레임워크를 배웠으나 현업에서는 NestJS를 익혀 활용했습니다. 21.10-23.1
A. Tokki Soju | 사이트 깃헙 HTML과 CSS를 배운 후 처음 개발해 본 가상의 랜딩 페이지입니다. 실제 브랜드를 대상으로 색상 등 디자인 원칙을 적용해 보았습니다. 23.3-23.3
C. Minecraft Adventure Park | 사이트 깃헙 가상의 테마파크를 주제로 한 랜딩 페이지입니다. 처음으로 피그마를 활용해 보았습니다. 23.5-23.7
D. Archon v1 | 사이트 깃헙 가상의 웹진 사이트 설계하고 구현한 프로젝트입니다. 기획부터 디자인, 대략적인 데이터 설계까지 전체 사이클을 경험해 보았습니다. 23.7-23.9
E. Music Rater | 사이트 깃헙 유튜브 음악 검색, 저장, 평가가 가능한 사이트입니다. Python으로 유튜브 음악 검색 라이브러리를 감싸 API를 연동시켰습니다. 23.10-23.11
F. Simple Drawing | 사이트 깃헙 간단한 그림 그리기 사이트 입니다. 23.11-24.1
G. Archon Admin | 사이트 깃헙 가상 웹진(Archon)의 어드민 사이트입니다. 백엔드 API도 함께 개발, 오라클 클라우드와 개인 도메인을 연결했습니다. 23.11-24.2
H. Rhyme Generator | 사이트 깃헙 알고리즘 과제 중 개발한 영어 라임 생성 프로그램 입니다. 콘솔에서 Node를 통해 작동합니다. 24.1-24.1
I. Music Visualizer | 사이트 깃헙 간단한 오디오 시각화 프로젝트 입니다. 푸리에 변환과 펄린 노이즈를 활용했습니다. 24.1-24.3
J. Archon v2 | 사이트 깃헙 기존 JavaScript로 작성된 사이트를 Next.js로 이전하고, 백엔드 API와 연동한 풀스택 프로젝트 입니다. 24.3-24.6
K. The Catalogue | 사이트 깃헙 포트폴리오 전시를 위해 개발한 웹사이트입니다. 관리 편의성을 위해 Notion을 백엔드로 사용했으며, Github README 마크다운 파일을 연동해 상세 페이지로 출력했습니다. 24.5-24.6
2023년 3월
CSS와 HTML를 자세히 배운 후 처음으로 제작해 본 1페이지의 랜딩 페이지입니다. 실제 좋아하던 브랜드 '토끼 소주'의 pdf 브로셔를 발견, 이를 토대로 랜딩 페이지를 제작해 보았습니다.
SCSS는 BEM 네이밍 규칙을 따르며 CSS 모듈 형식으로 작성했습니다.브로셔 파일을 보며 어떤 내용을 넣을지 선정했습니다.
어떤 패턴을 넣을지 구상합니다.
CSS와 HTML의 구조에 대해 보다 더 깊게 이해할 수 있었던 프로젝트였다. 특히 캐러셀 슬라이드, 모달창 구현, 모바일 메뉴 변환과 같은 어려운 작업을 해결하면서 많은 것을 배웠다.SCSS를 함께 사용해 보니 중첩 구조로 깔끔하게 작성이 가능해서 코드 구조화와 유지보수에 유리하다고 생각했다.