Kyoo's Portfolio

📝 개요

• 프론트엔드 개발자로서 저에 대한 경험과 커리어를 소개할 수 있는 포트폴리오 프로젝트 입니다.

💻 사용 기술

• React
• Styled-Components
• Font Awesome
• React-scroll

🏚 개발 환경

• OS : Mac
• Front-End : React
• IDE : IntelliJ
• Platform : PC Web
• Test Browser : Chrome v.102.0.5005.115
• Test Device : iPhone 13 Pro

🔗 배포 URL

• URL: https://kyoo.co.kr/

💬 구현 기능

• PC와 모바일 대응이 가능한 반응형 웹 적용
• 웹 접근성을 고려한 마크업 적용 (수정 중...)
• 메뉴 클릭 시 정보 페이지로 이동 스크롤 기능 개발
• QnA 정보를 확인할 수 있는 모달창 팝업 기능 개발

🛠 구현 화면

📂 프로젝트 구조

.src
├── App.jsx
├── index.js
├── components
│   ├── About.jsx
│   ├── Career.jsx
│   ├── Footer.jsx
│   ├── Header.jsx
│   ├── Home.jsx
│   ├── Modal.jsx
│   ├── Projects.jsx
│   ├── Skills.jsx
│   └── index.js
├── css
│   ├── App.css
│   └── reset.css
└── shared
    └── projectData.js