미리보기
기본 정보
개발자는 요리사와 비슷하다고 생각합니다. 고객에게 최고의 경험을 선사할 수 있도록 노력하겠습니다. 사용자에게 맛있는 경험을 제공할 수 있도록 학습을 게을리 하지 않고, 도전을 두려워하지 않습니다. 플레이팅과 같은 멋에도 신경써서 사용자 친화적 인터페이스를 만들겠습니다. 어떤 기술 환경에 놓여져도 빠르게 적응할 수 있습니다. 함께 문제를 해결하고 경험을 나누며 성장하는 동료가 되고자 합니다. 핵심 역량 - 실무에 준하는 4번의 헙업 프로젝트 경험 보유 - React, Next, Vue 외에 다양한 CSS, 상태관리 도구 사용 경험 - Front-End 리더로 활동하며 프로젝트 기초설정 및 다양한 기능의 UI 구현 - 백엔드, 디자이너와 같은 타직군의 직무 지식을 겸비하여 원활한 커뮤니케이션 가능
기술 스택
Java, MySQL, React, Redux, Next.js, Vue.js, JavaScript, TypeScript
교육
삼성 청년 SW 아카데미
사설 교육 | 삼성전자
2023.01. ~ 2023.12. | 졸업
공주대학교
대학교(학사) | 컴퓨터공학부 컴퓨터공학과
2017.03. ~ 2023.02. | 졸업
대전과학기술대학교
대학교(전문학사) | 컴퓨터정보&스마트폰과
2015.03. ~ 2017.02. | 졸업
자격증
OPIc
IM 1 | 멀티캠퍼스
2024.03.
정보처리기사
기사 | 한국산업인력공단
2022.09.
대외활동
삼성 청년 SW 아카데미 공통 프로젝트 우수상 (2학기)
삼성 청년 SW 아카데미
휘발성, 위치, 호불호라는 소재를 섞은 SNS 서비스 `PeekPick'을 개발하여 우수상을 수상하였습니다. 삼성 청년 SW 아카데미의 전국 캠퍼스들과 공모전 형태로 진행되는 7주간의 프로젝트입니다.
프론트엔드 3인, 백엔드 3인으로 이루어진 6명의 팀원으로 이루어져 있으며 프론트엔드 리더와 중간발표 발표자 역할을 맡았습니다.
프로젝트
에어컨없는 여름 VS 난방없는 겨울, 선택은? - 밸런스 게임
3인 팀프로젝트
2024.05. ~ 진행 중
재미있는 밸런스 게임을 추가하고 게임방을 생성하여 투표할 수 있는 서비스
[전체 기술 스택]
FE
React 18, React-Query, Recoil, Next 14, Next-Auth 4
BE / DB
Java17, SpringBoot 3, MySQL, Redis 7, ElasticSearch 8
Infra
AWS, Jenkins, Docker
[주요 기능]
다양한 주제의 밸런스 게임 주제로 게임 방 개설
친구들에게 링크를 공유하고 게임을 이용
추가하고 싶은 밸런스 등록
각 주제의 전체 이용자들의 반응과 댓글을 제공
[구현 내용]
프로젝트 초기 환경 구성
Sentry 모니터링 환경 구성, 테스트
middleware, interceptor의 통신 과정 일괄처리
CSR, SSR, SSG 분리를 통한 사용자 경험 개선
Framer-motion 적용
metadata 생성
소비자 맞춤형 꽃다발 주문 서비스 - 플리
삼성 청년 SW 아카데미 (SSAFY)
2023.10. ~ 2023.11.
소비자가 간편하게 생성형 AI로 꽃다발을 제작할 수 있으며 결제, 배달도 가능한 서비스
[전체 기술 스택]
FE
React18, Typescript, Next 13, Recoil, React-Query, Kakao Map, Pay API
BE / DB
Java11, SpringBoot 2, Firebase, DALLE API, MariaDB, MongoDB
Infra
AWS, Jenkins, Docker
[주요 기능]
메인 페이지 이달의 꽃 추천
AI를 활용한 구매자의 꽃다발 도안 제작
경매 시스템의 제작 업체 선정
판매자의 의뢰목록
[구현 내용]
프로젝트 초기 환경 구성
구매자와 판매자의 상태에 따른 동적 프로세스 바 제작
구매자의 업체선별, 구매 화면
Kakao Map API 연동
반응형 UI, Framer-Motion 활용을 통한 사용자 경험 개선
펀의점의 할인 정보와 레시피를 한번에 편하게 - 편할래
삼성 청년 SW 아카데미 (SSAFY)
2023.08. ~ 2023.10.
CU, GS25, SEVEN, Emart24의 할인과 레시피를 제공하는 서비스
[전체 기술 스택]
FE
React18, Typescript, Recoil, React-Query, tailwind
BE / DB
Java11, SpringBoot 2, MySQL, Elastic Search, Kibana, Selenium
Infra
AWS, Jenkins, Docker
[주요 기능]
상품별, 편의점별 할인 정보 제공
편의점 제품으로 요리 가능한 레시피
즐겨찾기 상품의 메일 발송
제품 검색
[구현 내용]
프로젝트 초기 환경 구성
메인화면 (인기 레시피, 행사 추천 상품, 즐겨찾기)
제품카드 4가지 버전 제작
Elastic Search를 이용한 상품 검색어 자동 추천
페이지 이동, 버튼 이벤트 애니메이션 제작
부담없는 취향공간 - 픽픽(PeekPick)
삼성 청년 SW 아카데미 (SSAFY)
2023.07. ~ 2023.08.
사용자의 취향과 위치를 기반으로한 익명 SNS 서비스
[전체 기술 스택]
FE
React18, Javascript, Redux-toolkit, PWA
BE / DB
Java11, SpringBoot 2, MySQL, Reids
Infra
AWS, Jenkins, Docker
[주요 기능]
주변 사용자 탐색과 호불호 프로필 확인
주변 글 탐색, 반응 남기기
5가지 테마 변경
주변 사용자들의 프로필과 호불호 정보
1:1 채팅
[구현 내용]
프로젝트 초기 환경 구성
GPS와 Redis를 활용한 주변 사용자와 글 탐색
상대방 프로필 모달
event-source-polyfill를 이용한 SSE 알림
Stomp와 web-Socket을 이용한 1:1 채팅
포트폴리오
URL
자기소개
프론트엔드 개발자를 선택한 이유
사용자가 서비스를 처음 접하는 창구이기도 하며, 작성한 코드의 결과물이 눈에 보이는 직관적인 매력 때문에 프론트엔드를 선택하였습니다. 개발자라는 직업은 자신의 아이디어를 실현하여 사회의 문제를 해결할 수 있으며, 고객에게 더 나은 경험을 제공할 수 있는 매력을 느껴 개발자의 길을 선택하게 되었습니다. 전문대학에 진학하여 하루빨리 꿈을 실현하고자 했지만, 다양한 문제 해결 경험과 협업 능력이 부족하다고 판단하여 편입을 결심했습니다. 편입 후 기초 개발 능력과 문제 해결 능력을 다졌으며, 삼성 청년 SW 아카데미를 통해 협업 능력을 향상했습니다. 프로젝트 중심으로 진행된 삼성 청년 SW 아카데미는 프론트엔드 개발자가 되어야겠다는 확신을 가지게 해준 기간이기도 합니다.
직무와 관련한 프로젝트 경험
삼성 청년 SW 아카데미에서의 값진 경험으로는 위치 기반 익명 채팅 서비스 개발 프로젝트가 있습니다. 이 프로젝트의 주요 기능은 익명의 사용자들이 취향이 맞는 주변 사람들과 새로운 만남을 탐색하고, 관심사를 기반으로 한 채팅입니다. Server-Sent-Events를 활용한 실시간 채팅 기능 구현과 상태관리에 대해 어려움을 겪었습니다. SSE는 웹 페이지를 새로 고치지 않고도 데이터를 실시간으로 업데이트할 수 있는 장점을 가지고 있지만, 제대로 작동하지 않았습니다. 원인은 Nginx의 리버스 프록시 기능과 프론트의 SSE 연결 유지 시간이었습니다. 리버스 프록시 기능을 재조정하고, 서버 유지 시간을 동기화함으로써 문제를 해결할 수 있었습니다. 마감일 일주일 전 기능을 완성한 후, 사용자 피드백을 받아 서비스를 개선하는 과정을 거쳤습니다. 총 15개의 피드백 중 9개를 적용하고 개선함으로써, 프로젝트는 우수상을 받는 성과를 달성했습니다. 제한된 시간 내에 문제를 해결하는 능력과 사용자 중심 서비스 개발 능력을 향상할 수 있었던 프로젝트였습니다.
꾸준한 기술 사용과 학습
삼성 청년 SW 아카데미를 수료한 후에도 개발에 익숙한 환경을 유지하기 위해 학습을 게을리하지 않았습니다. 더 나은 사용자 경험을 제공할 수 있는 Next.js에 흥미를 가지고 있었고, 아카데미의 마지막 프로젝트에 적용했지만, 만족스러운 결과는 아니었습니다. 그러나 이 경험을 통해 Next.js를 어디에 어떻게 사용해야 하는지 깨닫게 되었습니다. 수료 이후 5월 중순에 백엔드 팀원 2명과 함께 실제 서비스를 목적으로 한 밸런스 게임을 운영하는 프로젝트를 기획했습니다. 새롭게 업데이트 된 Next.js 14를 사용해 보며 13버전과의 차이점에서 오는 장단점들을 알 수 있었습니다. Sentry를 활용한 모니터링은 서버에서 발생한 에러를 확인할 수 있었으며 운영 피드백을 받을 수 있는 것에 큰 의미가 있었습니다. 서버 액션과 비동기성의 장단점, Next-Auth에서 발생할 수 있는 세션 관리 문제 등을 겪었으며 7월 안에 버전 1을 올릴 목표를 가지고 진행하고 있습니다.
끊임없이 학습하고 직면한 문제를 스스로 해결할 수 있는 개발자로서 도전을 두려워하지 않고 성장하기 위해 노력하겠습니다.