Skills & Tools
Frontend
HTML5
CSS3
SCSS
Tailwind CSS
JavaScript
React
TypeScript
Tools
Git
GitHub
VS Code
Figma
Projects
프로젝트 1
카카오톡 클론
프로젝트 2
그림판 클론
프로젝트 3
Momentum 클론
프로젝트 4
반응형 포트폴리오 웹사이트
무신사톡
×
프로젝트 개요
Musinsa Talk은 무신사 브랜드의 감성을 바탕으로 제작한 카카오톡 클론 웹앱입니다. HTML과 CSS만으로 UI를 구현하며, 레이아웃 구성, 반응형 스타일링, 컴포넌트화된 디자인 요소 등을 직접 제작했습니다. 본 프로젝트를 통해 퍼블리싱 역량과 디자인 감각을 동시에 발전시켰습니다.
주요 기능
- Friends 화면: 친구 목록 및 프로필 표시
- Find 화면: 무신사 상품이미지 자동슬라이드 애니메이션과 친구 찾기 UI 구현
- 반응형 디자인: 모바일 최적화
기술 스택
HTML5
CSS3
Responsive Design
Portfolio Website
×
프로젝트 개요
반응형 디자인이 적용된 개인 포트폴리오 웹사이트입니다. 라디오 버튼을 활용한 CSS 기반 탭 네비게이션과 모달을 통한 프로젝트 상세 설명 기능을 구현했습니다. 폴더와 파일을 열어보는 듯한 직관적인 UI/UX 디자인으로 사용자 친화적인 인터페이스를 제공합니다.
주요 기능
- 라디오 버튼 기반 탭 네비게이션 (JavaScript 없이 구현)
- 모든 디바이스 대응 반응형 레이아웃
- 모달을 활용한 프로젝트 상세 설명
- CSS 애니메이션 및 호버 효과
- 직관적인 폴더/파일 시스템 UI
기술 스택
HTML5
CSS3
JavaScript