About
프로덕트를 통해 사용자에게 감동을 전달하고 싶은 웹 프론트엔드 엔지니어 최어진입니다.
유저에게 가장 가까이 다가가는 인터페이스를 만든다는 점에서 프론트엔드에 매료되었으며, 프론트엔드 엔지니어는 코드를 작성하는 것 이상으로 시각적 원리와 UX 이론을 통해 화면 너머 유저와 소통하는 데 애정과 관심을 두어야 한다는 가치관을 가지고 있습니다.
Contact
Education
-
컴퓨터, 마이크로프로세서 등 여러 기기에서 아날로그 신호가 입력되고 디지털 신호로 변환되는 과정에서 적용된 신호 처리 기법들에 대해 이해했습니다.
-
MIPS · ARM · x86 기반 프로세서의 동작 원리와 메모리 계층 구조, 명령어 파이프라이닝에 대해 전자공학-컴퓨터공학에 걸쳐 이해했습니다.
-
3개의 단기 프로젝트와 1개의 장기 프로젝트를 통해 iOS, WatchOS 위에서 반려동물 · 식품 알러지 · 스포츠 카테고리의 앱을 개발했고 AVFoundation · VisionKit · HealthKit 등 Apple이 제공하는 라이브러리 생태계를 활용했습니다.
-
Apple의 Human Interface Guideline에 기반해 유저의 경험을 개선해 더 나은 앱을 만드는 UX 이론들을 배웠습니다.
-
Challenge Based Learning으로 문제를 발견하고 해결하는 과정 속에서 지속적인 학습을 수행하는 방법을 연습했습니다.
-
7주 간의 스터디를 통해 ES6+ Javascript와 DOM을 중심으로 웹이 작동하는 원리를 배웠고 더 나아가 React, Typescript, Next.js를 이용한 모던 웹 애플리케이션 개발을 공부했습니다.
-
기획자와 디자이너를 포함한 6명의 팀원들과 함께 3개월 동안 프로덕트를 개발했고 배포하며 디자인 시스템을 통해 디자이너와 소통하고 API 문서를 통해 백엔드 개발자와 소통하는 협업 경험을 쌓았습니다.
-
C 프로그래밍과 HTML, CSS, JS를 통한 웹 프로그래밍, C++을 이용한 게임 프로그래밍 등 다양한 영역에 걸쳐 기초를 쌓았습니다.
-
기업가 정신 교육을 통해 서비스 아이디어를 구체화하고, 다양한 학교와 피드백을 주고받는 프로그램에 반 년(2014) 동안 참여했습니다.
Side Projects
기술 블로그
2023.05 ~
Responsive Web
Next.js(App router), Javascript, Next-mdx-remote, Vercel
-
next-mdx-remote와 remark plugin을 이용해 포스트를 정적으로 렌더링하는 웹 블로그를 구현했습니다.
-
독자의 시선 흐름을 돕는 스크롤 포커싱 효과를 디자인하고, useEffect Hook을 이용해 Client Component로 구현했습니다.
절기에 따라 자신의 생각과 감정을 남길 수 있는 서비스
2023.11 ~ 2024.03
Mobile Web
React(Vite), Javascript, React-router, Styled-components, Vercel
- 모달 컴포넌트의 재사용성을 개선하는 과정에서 HoC 패턴을 적용해 리팩토링했습니다.
- 다양한 모바일 브라우저의 툴바 영역의 변화에 대응할 수 있는 레이아웃을 CSS로 해결했습니다.
다양한 테마로 축구 라인업을 꾸미고 공유할 수 있는 서비스
2023.09 ~ 2024.03
iOS App
SwiftUI, Observable, SwiftData
-
UX 설계 · Figma를 통한 Design System 구축 · GUI 디자인을 담당했습니다.
-
iOS 17의 SwiftData 및 Observable을 통해 모델 관계를 설계하고 CRUD 기능을 구현했습니다.
한국을 방문하는 외국인들이 식품의 포장지 성분표 촬영을 통해 자신의 알러지 성분 포함 여부를 알 수 있게 돕는 서비스
2023.06 ~ 2023.08
iOS App
SwitUI, AVFoundation, VisionKit, OpenAI(ChatGPT) API
- AVfoundation을 이용한 카메라 구현 및 VisionKit을 활용한 식품 영양 정보를 인식해 생성형 AI에 전달하는 부분을 담당했습니다.
- OpenAI API가 알러지 성분을 더 잘 검출하고 정해진 형식으로 반환할 수 있도록 프롬프트 엔지니어링을 수행하는 과정을 보조했습니다.
반려동물이 집에서 기다리는 시간이 당연해지지 않도록 알림을 보내 주는 서비스
2023.04 ~ 2023.05
iOS App
UIKit, Clean Architecture, MVVM
아토피 유형에 따라 분류된 맞춤 정보 뉴스레터 및 커뮤니티를 제공하는 플랫폼 서비스
2022.06 ~ 2022.08
Desktop Web
Next.js(Page router), Javascript, Context API, Emotion, Vercel
-
서비스의 검색 엔진 노출 중요도를 고려해 Next.js를 활용한 SSR 방식으로 일부 페이지를 구현했습니다.
-
로그인된 유저만 접근 가능한 커뮤니티 페이지를 효과적으로 분리하고, 로그인 세션을 유지하기 위해 React에서 기본으로 제공하는 Context API와 ContextProvider를 활용했습니다.
-
매 주 12건의 뉴스레터를 발행하는 과정을 보다 편리하게 만들기 위해 에디터 툴 페이지를 구축해 생산성을 향상시켰습니다.
셀프 카메라로 찍은 사진을 증명사진으로 변환하는 생성형 AI 모델 및 이를 응용한 모바일 앱
2021.08 ~ 2021.12
Mobile App
Pytorch, StarGAN-v2, React Native(Expo)
-
4주 동안의 스터디를 통해 Computer Vision 연구에 필요한 Digital Image Processing · Deep Learning 기초 이론을 학습했습니다.
-
한국인의 얼굴 특성을 고려한 적합한 데이터셋을 수집하고, StarGAN-v2 모델을 Fine-Tuning하는 연구를 수행했습니다.
-
시연을 위한 프로토타입 앱을 React Native 기반으로 개발했습니다.
Awards
- 구름에서 주최한 대학생 연합 해커톤 구름톤 유니브 1기에 선발돼, 절기에 따라 자신의 생각과 감정을 남길 수 있는 서비스 시즈닝(Seasoning) 개발에 프론트엔드 파트로 참여했습니다.
- Sogang ICPC Team에서 주최한 2022 서강대학교 프로그래밍 경진대회 Champion Division에 출전해 38명 중 최종 25위를 기록했습니다.
-
현대모비스-서강대 연계 트랙에서 주최한 재학생 대상 SW사전교육에 선발돼 2주 간 Pytorch, YOLOv4 모델을 이용한 전이 학습을 실습했습니다.
-
Nvidia Jetson Nano를 이용해 실제 학교 주변 주행 과정에서의 표지판 식별 과제를 수행했습니다.