[✕] 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년 5월, 2023년 11월 (2개월)
직관적인 UI로 할일 목록을 작성하고, 회고할 수 있습니다. 제 개인적인 아침 루틴이 3가지 중요한 일을 적고, 저녁에 짧게 회고하는 식인데 다이어리는 잘 안 쓰게 돼서 연습삼아 만들어 보았습니다.
localStorage를 사용하여 리스트 데이터를 저장하고, 페이지를 다시 열 때 불러옵니다.TailwindCSS 가 아닌 새로운 유틸리티 퍼스트 CSS 프레임워크를 사용해 보고 싶었고, 확장 가능성, 가독성, 커스텀 기능에 이점이 있다는 UnoCSS를 사용해 보았습니다.date-fns 을 사용해 보았습니다.UnoCSS
UnoCSS 를 알게 되어 적용해 보았다. 역시 설정에만 오랜 시간이 걸렸다.attributify 를 적용하면 인텔리센스가 작동했다 안 했다 해서 은근 불안정한 것 같아 결국 이슈 리포팅 했다.FontShare, iconify 와 같은 다른 서비스도 알게 되었는데 정말 유용했다.TailwindCSS 보다도 유연한 편이라 디자인 시스템이 갖춰진 대형 프로젝트가 더 알맞을 것 같다. 특히 정규식으로 네이밍 룰을 추가해서 확장이 가능하다는 게 큰 장점인 것 같다.TailwindCSS 나 기타 프리셋 라이브러리에 숙련된 사람들이 더 복잡한 기능을 위해 찾는 것 같았다.date-fns
Intl을 사용하고 있긴 했지만, 어차피 날짜 라이브러리 하나쯤에는 익숙해져야 한다고 판단해서 사용해 보았다.moment 를 대체할 라이브러리로 dayjs, day-fns, luxon 등이 언급되고 있어서 벤치마크 등을 찾아보니 이 라이브러리가 가장 유연하고 성능적으로도 우수한 것 같았다.drag 이벤트를 공부했다.localStorage에 저장되는데 추후 노션이나 구글 캘린더와 연동하면 좋을 것 같다Input, List 리팩토링