미리보기
기본 정보
책임감 있고 호기심 많은 프론트엔드 개발자 지망생입니다. 디자인 감각과 쇼핑몰 창업 경험을 바탕으로 사용자 경험을 고려한 UI 구현에 관심이 많습니다. 타인과 배운 지식을 공유하며 성장해 나가는 개발자를 목표로 하고 있습니다
기술 스택
Photoshop, HTML/CSS, zustand, React, JavaScript, react-query, TypeScript, TailwindCSS, Illustrator, Figma, PowerPoint
프로젝트
믹골프 - Make it Count
오즈코딩스쿨 합동프로젝트 1팀
2024.11. ~ 진행 중
기업 "파파타랩스"의 의뢰로 시작한 골프웨어 브랜드 Micgolf 자사몰 개발 프로젝트입니다.
역할: 팀원
기술스택: React, Vite, TypeScript, tailwind-css, tanstack/react-query, zustand, swc, framer-motion
배포환경: AWS S3, CloudFront, Github Actions
협업 툴: Discord, Notion, Github
디자인 툴: Figma
담당기능:
상품 리스트 페이지 UI 제작 및 InfiniteQuery를 활용한 무한 스크롤 기능
디테일 페이지 UI 제작
회원, 비회원에 따른 장바구니 추가 기능
상품 리스트 / 디테일 / 장바구니 페이지 반응형 구현
모달 UI 제작 및 framer-motion을 활용한 애니메이션 구현
MovieGet
오즈코딩스쿨 메인프로젝트 3팀
2024.10. ~ 2024.11.
Megabox의 영화 예매 시스템을 참고하여 실제 사용자 경험에 가까운 영화 예매 서비스를 구현했습니다.
TMDB API의 영화 데이터를 가공하여 상영 데이터와 좌석 배치 정보를 생성했으며, 회원들은 실제 영화관 예매 과정과 유사한 경험을 할 수 있습니다.
역할: FE 팀장
기술스택: React, Vite, TypeScript, styled-components, tanstack/react-query, zustand, msw
배포환경: AWS S3 CloudFront
협업 툴: Discord, Notion, Github
디자인 툴: Figma
담당기능:
영화 예매 기능
상영관에 따른 좌석배치도 UI 제작
토스결제 목업 API를 활용한 결제 기능
styled-components를 활용한 공통 컴포넌트 제작
HTTP 상태코드에 따른 에러핸들링 및 에러페이지 제작
외국어
일본어
비즈니스 회화 가능
자격증
JLPT
1 | 일본국제교류기금/일본어교육교류센터
2023.07.
대외활동
여성의류쇼핑몰 하우뮤즈 창업
HOWMUZ/WEEVER
기간: 약 1년 (2022.04 ~ 2023.12)
주요 업무: 웹디자인, 퍼블리싱, 제품 촬영
'하우뮤즈'는 여성의류를 판매하는 쇼핑몰로, 사촌누나와 함께 창업하여 운영.
핵심 업무 및 성과
웹디자인: 쇼핑몰의 전체적인 디자인을 고려한 이벤트&팝업 배너 제작.
퍼블리싱 및 유지보수: 카페24의 모듈을 활용하여 퍼블리싱 및 유지보수 담당.
제품 촬영: 제품의 특성을 잘 표현할 수 있는 촬영을 진행하고, 촬영한 이미지를 웹사이트에 적용하여 상품 페이지를 제작
이 경험을 통해 웹 개발의 기초인 HTML, CSS, JavaScript를 배우게 되었고, 이후 프론트엔드 개발에 대한 흥미가 생겨 본격적으로 코딩을 시작했습니다. 쇼핑몰 웹페이지 개선을 위한 작업을 통해 웹 개발에 대한 관심과 EC사이트에 대한 이해도를 높일 수 있었습니다.
[울산시청자미디어센터] 시청자 영상공모
울산시청자미디어센터
울산대학교 - 일어일문학과에서 진행한 팀 프로젝트.
울산 지역에 숨어있는 일본과 관련된 역사를 조사하고, 이를 지역사회 문제와 연결 지어 해결책을 모색.
방영 정보
방영 방송사: JCN <VJ스타트업 안녕미디어>
영상 제목: 방어진의 침체를 방어하라
방영 기간: 2024년 6월 5일 ~ 2024년 6월 18일
역할
팀장
영상편집 및 디자인
인터뷰 스크립트 작성
영상 시나리오 작성 및 촬영 구도 설정
인터뷰 대상자(일본 현지인 및 시설 관계자) 섭외
사용한 프로그램
CapCut
Photoshop
Illustrator
프로젝트 목적
울산 지역에서 일본과 관련된 숨겨진 역사적 사건을 조사 및 현재 거주중인 일본인과의 인터뷰.
해당 역사적 사실들을 기반으로 현재 지역사회 문제와 연결하여 해결책을 모색.
영상 콘텐츠를 활용해 지역 주민들에게 일본과의 역사적 교류 및 그 현대적 의미를 전달.
프로젝트 활동
조사: 울산 지역 내 일본과 관련된 역사적 사건, 문화적 흔적들을 발굴.
문제 해결: 지역사회 문제와 역사적 사실들을 어떻게 연계할 수 있을지 고민하고 해결책 모색.
영상 제작: 조사한 내용을 바탕으로 영상 콘텐츠를 기획하고 제작하여, JCN 방송에 방영됨.
느낀점
처음 다루어보는 프로그램, 낯선 사람과의 소통, 모든게 처음이고 낯설었지만 책임감하나로 최선을 다한 결과, 방송사에 채택되는 성과를 거두었습니다.
이를 통해 새로운것에 도전하고 낯선 사람들과의 소통과 협업을 겁먹지 않고 즐길 수 있게된 계기가 되었습니다.
교육
오즈코딩스쿨
사설 교육 | 프론트엔드 4기
2024.06. ~ 현재 | 재학 중
울산대학교
대학교(학사) | 중국어중국학과/일어일문학과
2016.03. ~ 2024.02. | 졸업
자기소개
저는 개발자로서 배운 지식을 타인과 공유하는 것에 큰 가치를 두고 성장해왔습니다.
자바스크립트 스터디를 운영하며 진도에 따라오지 못하는 인원에게
더 쉽게 이해할 수 있도록 설명을 반복하며, 여러 시행착오를 겪었습니다.
10시간 동안 끝까지 포기하지않고 더 쉽고 명확하게 전달하려 노력했고,
스터디원이 이해하고, 만족스러운 결과물이 나왔을때는 쾌감을 느꼈습니다.
이 과정에서 어렴풋이 알았던 내용이 점점 더 명확하게 정리되었음을 깨닫고,
이러한 지식 공유의 중요성을 누구보다 깊이 인식하고 있습니다.
앞으로도 지식 공유와 소통을 저의 중요한 가치로 삼고 실천해 나가고자 합니다.
UI/UX를 중시합니다. 하지만, 그 이유는 단순한 미적인 측면에서 그치지 않습니다.
스타트업 쇼핑몰을 창업하며 웹페이지의 작은 불편함이 매출에 영향을 미치는 것을 직접 경험했고,
이 경험을 통해, 사용자 편의를 고려한 디자인이 비즈니스적 성공과 직결된다는 것을 깨달았습니다.
단순히 예쁘고 직관적인 UI를 구현하는 데 그치지 않고,
비즈니스 관점에서의 필요성을 고려한 UI를 구현하기 위해 노력하고 있습니다.
저는 기술적인 성장뿐만 아니라, 팀원과의 협업과 비즈니스적 사고를 중요시하며,
이를 바탕으로 더 나은 사용자 경험을 갖춘 웹/앱 개발을 추구 하고 있습니다.