FE DEVELOPER
PORTFOLIO
Designing & developing
user-friendly web experiences.
On screen. And behind the scenes.
안녕하세요, 👋🏻
4년차 FE 개발자
조혜진 입니다.
Q. 프론트엔드 개발자가 된 이유? 디자인을 전공했지만, 디자인을 웹 화면으로 구현하는 과정에서 개발의 매력에 빠졌습니다. UI를 코드로 옮기는 흥미에서 시작해, 데이터까지 연결되는 전 과정을 직접 만들고 싶어
프론트엔드 개발자가 되었습니다.Q. 개발자로써 자신만의 강점은? 프론트엔드의 본질을 이해하면서도 AI 도구를 적극 활용해 컴포넌트 설계 및 리팩토링, 디버깅 등 개발 생산성을 크게 높입니다. 또한 사용자의 반응을 미리 예측해 디자인 및 기획단계에서 능동적인 개선을 이끌어내거나, Storybook 및 Postman 을 도입하는 등 팀 전체의 협업 흐름과 생산성 개선에도 큰 장점을 가지고 있습니다.
- JUST DO IT ✔️
- EVERY MOMENT MATTERS
- DREAM BIG. START SMALL
- BE THE CHANGE YOU WISH TO SEE IN THE WORLD
- STAY HUNGRY, STAY FOOLISH
SKILLS
- JavaScript
- TypeScript
- HTML
- CSS
- Scss
- Next.js (React)
- Jotai
- Redux
- React-Query
- React-Hook-Form
- Emotion
- TailwindCSS
- Supabase
- Vercel
⚙️ How To Use?
- React와 TypeScript 기반으로 개발하며, Next.js(App Router, Server Component)를 활용해 SSR과 SEO에 대응합니다.
- 시멘틱 마크업을 지향하고 웹 접근성과 크로스브라우징에 최적화된 코드를 작성합니다.
- SCSS 및 Styled-components, Emotion, Tailwind CSS를 상황에 맞게 활용하여 스타일링을 구현합니다.
- Redux와 Jotai로 상태 관리를 구현하며, 프로젝트 특성에 맞는 상태 관리 방식을 선택합니다.
- axios와 React Query를 통한 CRUD 구현, 데이터 캐싱 및 성능 최적화를 경험했습니다.
- Swiper, GSAP, Infinite Scroll 등을 활용하여 다양한 UI 인터랙션을 구현합니다.
- React-Hook-Form과 yup, zod를 활용하여 유효성 검증 및 효율적인 폼 관리를 구현합니다.
- Supabase를 이용해 간단한 백엔드 환경과 CRUD 기능을 구축한 경험이 있으며, Vercel을 통해 배포를 진행합니다.
- 개발 과정에서 Cursor 등 AI 도구를 적극적으로 활용하며, 협업 도구로는 GitLab을 사용합니다.
- 디자인 협업은 Figma와 Photoshop을 활용하여 디자이너와 원활하게 소통합니다.
WORKS
넥스트컬쳐
2024.10 - 2025.07
대한상공회의소가 운영하는 ‘소통 플랫폼 소플(소리가 모이는 플랫폼)’은 경제 및 사회 이슈에 대해 누구나 제안, 투표, 글쓰기, 토론 등의 방식으로 자유롭게 의견을 표현하고 공유할 수 있는 참여형 플랫폼입니다.
View More소플 고도화 2차
2025.05 - 2025.07
대한상공회의소가 운영하는 ‘소통 플랫폼 소플(소리가 모이는 플랫폼)’은 경제 및 사회 이슈에 대해 누구나 제안, 투표, 글쓰기, 토론 등의 방식으로 자유롭게 의견을 표현하고 공유할 수 있는 참여형 플랫폼입니다.
View More소플 고도화 1차
2025.03 - 2025.05
노스페이스 회사 필리핀지사의 전 사원을 관리할 수 있는 프로그램의 사용자 앱 및 관리자 페이지 입니다.
View MoreYEEP
2025.02 - 2025.04
시청자미디어재단에서 참여형 방송 문화를 위해 시청자가 방송사를 선택하여 직접 프로그램을 제작 및 신청할 수 있는 플랫폼입니다.
View MoreKCMF
2024.10 - 2025.01
신세계 백화점 앱과 홈페이지는 신세계 백화점의 쇼핑 정보와 혜택 및 브랜드 소통을 위한 라이프스타일 플랫폼입니다. 특히 앱에서는 고객과의 소통을 위한 커뮤니티, 상세한 브랜드관, 다양한 이벤트 참여 등을 경험할 수 있습니다.
View More신세계 백화점
2023.12 - 2024.09
비스포크 웨딩 펀딩(BESPOKE Wedding FUNding) 은 삼성전자가 신혼부부의 새로운 시작을 응원하는 캠페인입니다.
View More삼성전자 비스포크 웨딩 펀딩
2023.08 - 2023.10
환경, 사회, 거버넌스 분야에 걸쳐 삼성전자의 전략과 주요 성과를 담은 보고서 형식의 웹사이트입니다.
View More삼성 지속가능성경영
2023.04 - 2023.12
자회사인 이모션 글로벌 홈페이지이며, 본사에 대한 정보, 포트폴리오, 의뢰 서비스, 입사지원 서비스 등을 제공하는 웹사이트입니다.
View More이모션글로벌
2022.11 - 2023.02
종가(JONGGA)와 오푸드(O’Food)는 대상의 글로벌 브랜드로, 제품의 통합 커뮤니케이션 플랫폼입니다.
View More대상 Jongga, O’Food
2022.08 - 2022.12
메타클럽은 상품권 전환 및 포인트를 충전할 수 있는 포인트 테크 플랫폼으로, 문화상품권, 도서문화상품권의 핀번호를 등록하여 다양한 곳에서 사용할 수 있게 해줍니다.
View More메타클럽
2022.08 - 2022.11
사원 정보, 업무일지 및 프로젝트 현황을 파악할 수 있는 어드민 페이지입니다. 부서별 진행 업무와 프로젝트 현황을 객관적인 지표로 확인할 수 있습니다.
View More이모션글로벌 PMS
2023.05 - 2023.11
