About
Project
HTML, CSS, JavaScript를 사용하여 다양한 웹 사이트를 제작하였습니다.
-
포트폴리오 웹사이트
반응형 Web- HTML5
- SCSS
- JavaScript
HTML5와 SCSS를 기반으로 시맨틱 마크업을 작성하고, 다양한 디바이스에 대응하는 반응형 포트폴리오 웹사이트를 제작했습니다.
-
국립농산물품질관리원
반응형 Web- HTML5
- SCSS
- JavaScript
- Webpack
- Babel
웹 접근성과 크로스 브라우징에 중점을 두고 기존 웹사이트를 클론코딩하였습니다.
-
젠데이터
반응형 Web- React
- HTML5
- SCSS
아임웹으로 제작된 기존 웹사이트를 React 컴포넌트 구조로 재구성하여 클론코딩하였습니다.
-
MOCO
PC 웹페이지- HTML5
- SCSS
- Django
IT 스터디를 모집하고 코딩하기 좋은 카페와 스터디룸을 검색할 수 있는 서비스를 개발했습니다.
Career
사용자에게 편리한 구매 경험을 제공하고 불편한 부분은 개선하는 웹 사이트를 작업하였습니다.
-
1. 스킨케어 브랜드 ‘믹순’ 의 이벤트 게시판 페이지 개발
성과 - 이벤트 참여 및 공유를 유도하여 더 많은 고객 유입
역할
- • 카페24 모듈 활용하여 게시글, 댓글 CRUD 기능 개발
- • 자바스크립트를 사용하여 추가 기능 개발(페이지네이션, 이벤트 기간 설정 등)
- • 카카오 API를 사용하여 공유하기 기능 개발
-
2. ‘안다르’ 호주 웹사이트 구축 및 런칭
성과 - 서구권 국가를 타겟으로 서비스를 런칭하여 타겟층 범위 확장
역할
- • 메인 페이지 및 기타 신규 페이지 퍼블리싱
- • Shopify 자체 개발 Liquid 템플릿 언어를 사용하여 웹 페이지 구축
-
3. 네일아트 브랜드 ‘핑거수트’ 일본 웹사이트 UI 개발
성과 - 상품 관련 CS 감소 및 회원 전환율·구매율 향상
역할
- • 비회원 구매 시 회원가입 혜택 안내 모달을 구현하여, 회원가입 전환율을 향상
- • 상품 카테고리별 자동 라벨 표기 기능을 개발하여, 카테고리 확인 불편을 해소하고 상품 관련 CS를 감소
- • 찜(좋아요) 기능 및 찜 리스트 페이지를 개발하여, 관심 상품의 재방문 및 구매 유도를 강화
Skill
퍼블리싱 기본기를 탄탄히 하고 새로운 기술을 배우려고 항상 노력합니다.
-
HTML5/CSS
- 웹 표준과 웹 접근성을 준수하며 마크업합니다.
- SCSS를 사용하여 재사용성이 높고 유지보수가 쉬운 스타일 작성을 추구합니다.
- keyframe을 활용한 애니메이션 기법을 사용할 수 있습니다.
-
JavaScript
- DOM 요소를 조작하고 이벤트 핸들러를 다룰 수 있습니다.
- fetch를 사용하여 웹 리소스를 비동기 요청할 수 있습니다.
- Webpack, Babel을 사용하여 크로스 브라우징에 대응할 수 있습니다.
-
React
- 컴포넌트를 생성하고 재사용하여 UI를 개발할 수 있습니다.
- State와 Props를 활용한 간단한 상태 관리를 할 수 있습니다.
-
Tools
- git, github를 사용하여 프로젝트를 관리하고 협업할 수 있습니다.
- JIRA, Figma 사용에 익숙합니다.
- Shopify, Cafe24 웹빌더 실무 경험이 있습니다.
Activity
IT 동아리 활동 및 자격증 취득을 통해 관련 지식을 확장하고 있습니다.
Blog
프로젝트가 끝날 때마다 회고하고, 새로 배운 내용을 복습하며 지속적으로 성장해 나가고자 합니다.