미리보기
기본 정보

효율적인 프론트 개발을 선호하는 주니어 FE 개발자 입니다 😊 - 웹 디자인(1년), 웹 퍼블리싱(4년) 경험을 기반으로 UI/UX 및 시맨틱한 코드 개발, 디자인 시스템, DX 개선 등 프론트 적 역량을 보유 하고 있습니다
기술 스택
JavaScript, HTML/CSS, React, Node.js, TypeScript, Figma, Next.js, GitHub, jQuery, Git, frontend, TailwindCSS, styled-components, zustand, react-query
경력
(주)비스톤스
팀장 | 퍼블리셔팀
2020.09. ~ 2024.03. (3년 7개월)
웹개발/PL
[핵심 개발]
- 전반적인 본사 퍼블리셔팀 일정 관리 및 커뮤니케이션 진행
- 삼성닷컴 AEM 이벤트,프로모션 작업
- 코인 커뮤니티 홈페이지 신규 구축
- 안랩 홈페이지 구축
- 직방 웹뷰 단일페이지 구축 및 운영(PL)
- 캐논 홈페이지 리뉴얼 구축(PL)
- 스파크플러스 리뉴얼 구축(PL)
- 안랩몰 모바일 vue3 퍼블리싱
비피컴퍼니
사원 | 디자인팀
2019.03. ~ 2019.12. (10개월)
자사 웹 유지보수
프로젝트
코워커즈
코드잇
2025.01. ~ 진행 중
[Coworkers]은 업무 배정 및 현황 공유 서비스를 구축하는 것을 목표로 합니다. 실제 업무 프로세스에 최적화된 To-do 리스트 형태로 업무 생성, 공유, 성과 지표를 가시적으로 확인할 수 있는 기능을 구현합니다. 일관된 UI/UX를 유지하면서, 공통 컴포넌트를 반복적으로 사용하여 효율적인 개발 환경을 조성합니다.달력, 팝오버, 모달 등 다양한 UI 요소를 외부 패키지로 구현하며, 이를 탐색하고 적용하는 과정에서 외부 라이브러리 활용 능력을 기를 수 있습니다. 반응형 UI로 각 UI가 다양한 기기 환경에 최적화되도록 외부 패키지를 조정하며, 사용자 친화적인 UI 개발 경험을 쌓습니다.이 프로젝트는 업무 관리 도구에 관심이 있는 학생, 특히 효율적인 UI/UX 설계와 외부 패키지를 활용한 실무형 프로젝트에 흥미를 가진 학생들에게 적합합니다.
디자인 시스템 구축
인증/인가 기능 개발
공용 컴포넌트 설계
tailwind 확장 플러그인 개발
위키드
코드잇
2024.12. ~ 2024.12.
[Wikid]는 지인들의 위키를 직접 작성하고 공유하는 플랫폼을 제작해 보는 프로젝트입니다. 리프레쉬 토큰을 활용한 회원가입 시스템을 통해 확장성 있는 웹 애플리케이션을 구축할 수 있고, Flex와 Grid를 이용해 페이지 레이아웃을 구성하고, 위키,게시글 조회 및 검색 등 다양한 SNS 관련 기능을 구현하여 소통 게시판을 완성합니다. 이를 통해 SNS 기능들이 유기적으로 연결되는 과정에서 깊은 이해를 얻고, 소통 게시판 및 유저 프로필 구성에 기여할 수 있습니다. 외부 패키지를 활용해 텍스트 에디터, 모달, 팝오버 등의 UI 요소를 구현하며, 외부 라이브러리를 리서치하고 활용하는 능력을 기릅니다. 또한, 데스크탑, 태블릿, 모바일 등 다양한 기기에서 반응형 UI를 구현하고 테스트하며, 사용자에게 편안한 경험을 제공하는 완성도 높은 UI 개발 역량을 키울 수 있습니다.
REST API를 활용한 CRUD 기능 개발
디자인 시스템 구축
초기 개발환경 세팅(eslint, prettier)
Vercel 배포
github action CI/CD 자동화
롤링
코드잇
2024.10. ~ 2024.10.
[롤링]은 은 전통적인 롤링페이퍼 문화를 웹으로 구현한 커뮤니티형 플랫폼입니다. 사용자는 친구나 동료들과 따뜻한 메시지를 주고받으며, 이를 통해 CRUD(Create, Read, Update, Delete) 기능을 직접 경험하게 됩니다. 이 프로젝트에서는 롤링페이퍼의 생성, 수정, 삭제뿐만 아니라 이모지 반응 기능을 추가해 감정 표현을 더 풍부하게 할 수 있습니다. 또한, 모달, 토스트와 같은 UI 요소를 활용하고, 글 입력에 외부 라이브러리를 적용해 사용자 경험을 개선할 수 있습니다. 커뮤니티 서비스 구축에 관심 있는 훈련생들에게 특히 적합한 프로젝트입니다.
REST API를 활용한 CRUD 기능 개발
디자인 시스템 구축
초기 개발환경 세팅(eslint, prettier)
netlify 배포
github action CI/CD 자동화
포트폴리오
대외활동
코드잇 부트캠프
코드잇
- 코드잇 FE 11기 스프린트 진행
1,2,3파트 팀장
기초 프로젝트(롤링)
중급 프로젝트(위키드)
고급 프로젝트(코워커즈)