안녕하세요
개발자 황선하입니다.
Hwang Seon Ha
- 2000.11.09
- 82+ 010 5214 0447
- seonha001109@gmail.com
- contact
이력
- 23.10 ~ 24.11넥스트러너스 프론트엔드 개발자
- 23.03 ~ 23.07프론트엔드 과정 수료
- 22.01 ~ 23.01DDP 디자인스토어 웹디자이너
- 19.03 ~ 22.02경인여자대학교 광고디자인학과 졸업
자격증
- 2023컴퓨터 그래픽스 운용기능사
Frontend Development
- HTML5
- CSS3
- JavaScript (ES6+)
- jQuery
- React
- Next.js
- Node.js
- Sass
- Styled-components
- Emotion
- Gulp
Version Control
- GitHub
- Bitbucket
Communication Tools
- Notion
- Slack
Design Tools
- Figma
- Adobe Photoshop
- Adobe Illustrator
Currently Studying
- GSAP
- Python
- TypeScript
- Tailwind CSS
- Netlify
포트폴리오 웹사이트 (2023)
HTML, CSS, JavaScript를 사용해 제작된 개인 포트폴리오 웹사이트. FileZilla와 Gabia를 활용해 배포 완료. 주요 프로젝트와 작업 경험을 전시하기 위한 간결하고 직관적인 플랫폼.
- HTML
- CSS
- JavaScript
- FileZilla
- Gabia
Work in Progress
현재 기획 중인 프로젝트로, 최신 기술 스택과 혁신적인 아이디어를 적용할 예정. 상세 내용은 추후 공개 예정.
- 미정
Chalix GSAP 테스트
GSAP을 활용한 인터랙티브 애니메이션과 JSON 기반 게시판 기능을 구현한 프로젝트. Vite 기반 React 환경에서 스크롤 연동 애니메이션을 최적화함. JSON 데이터를 활용해 게시판 기능을 일부 구현하고, GSAP ScrollTrigger로 부드러운 화면 인터랙션을 적용.
- React
- GSAP
- JSON
- CSS Modules
- Swiper.js
- Vite
- Netlify
Weather UI & Proxy Server
기상청 API 데이터를 활용한 날씨 정보 제공 웹 애플리케이션 및 프록시 서버 개발. React와 Next.js로 프론트엔드를 구현하고, Express 기반 프록시 서버로 API 요청 최적화. CORS 문제 해결과 API 키 보호를 위해 Render를 활용한 서버 운영.
- React
- Next.js
- Express
- Node.js
- http-proxy-middleware
- Netlify
- Render
Magic 8 Ball (2 Versions)
React와 Next.js로 개발된 Magic 8 Ball 애플리케이션. 냉소적 답변과 긍정적 답변을 각각 제공하는 두 가지 버전으로 구성. 사용자가 질문을 입력하면 랜덤하게 답변이 출력되도록 설계.
- React
- Next.js
- JavaScript (ES6+)
- styled-components
- Netlify
복지어때
Next.js를 활용해 개발된 복지 정보 서비스 플랫폼. 프론트엔드와 백엔드를 독립적으로 빌드하여 Netlify와 독립 도메인을 통해 배포. 사용자 친화적인 UI를 기반으로 정보 검색 및 탐색 기능 제공.
- Next.js
- React
- Netlify
- Node.js (Backend 연동)
- UI/UX 디자인
넥스트러너스 홈페이지
Node.js로 개발된 기업 홍보 및 소개 웹사이트. 반응형 디자인을 적용하여 다양한 디바이스에서 최적화된 사용자 경험 제공. 브랜드 이미지와 서비스 정보를 효과적으로 전달.
- Node.js
- HTML
- CSS
- JavaScript
- Responsive Design
셀팜 메인 페이지 리뉴얼
기존 임대형 솔루션 기반으로 메인 페이지, 헤더, 사이드바, 이용 가이드 섹션을 리뉴얼. 사용자 경험 향상을 위해 HTML, CSS, JavaScript를 활용한 퍼블리싱 작업 수행.
- HTML
- CSS
- JavaScript
- UI/UX 디자인
📌 경험 로그
GSAP 애니메이션 적용
GSAP와 ScrollTrigger를 활용해 스크롤 기반 인터랙션을 구현. 이미지 확대, 축소 및 텍스트 애니메이션 적용 경험.
JSON 데이터를 활용한 게시판 구현
JSON을 활용하여 동적 데이터 렌더링 및 간단한 게시판 기능 구현, 프론트엔드에서 데이터를 관리하는 방식에 대한 이해도 향상.
CI/CD 자동 배포
Netlify를 활용하여 SSR 사이트 배포 및 자동화된 배포 환경 구축 경험.
프론트엔드-백엔드 연동 개발
BE 개발자와 협업하여 프론트엔드와 백엔드를 독립적으로 개발 및 연동. API 설계 및 데이터 핸들링 경험.
디자인 & 개발 풀 프로세스 경험
기획, 디자인, UI/UX 설계부터 개발 및 배포까지 직접 수행. Figma 활용.
CSS 전처리기(SASS) 활용
SASS를 사용하여 유지보수성과 재사용성을 고려한 스타일링 적용.
Next.js & Node.js 활용
CSR(클라이언트 사이드 렌더링)과 SSR(서버 사이드 렌더링)을 비교 후 적절하게 적용.