포트폴리오
개발기간: 2024.01 ~ 2024.02
- 프로젝트 명 :
porfolio
- 프로젝트 소개 : 포트폴리오입니다.
Portfolio
- 프로젝트 및 소개글을 담은 포트폴리오입니다.
- 웹과 모바일 등 접근성을 높이기 위해 반응형웹으로 제작하였습니다.
- https 적용
최적화
before |
after |
![최기랑 포트폴리오v1 before](https://github.com/choigirang/portfolio/assets/118104644/f14b49f5-3eb0-4e51-972f-792ec23ab85a) |
![최기랑 포트폴리오 v1 after](https://github.com/choigirang/portfolio/assets/118104644/d286e53d-1097-4936-a229-37e0af92f849) |
Refactor
## Refactor
### 기술 목록
| TypeScript | React | React-Query | tailwind | EC2 |
| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| | | | | |
기존 프로젝트
## 기술 목록
## FrontEnd
| TypeScript | React
context | React-Query | styled
components | Mui | Framer
motion | EC2 |
| :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :---------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :----------------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------------: |
| | | | | | | |
npm
npm install
npm run start
페이지
![20240208_010108](https://github.com/choigirang/portfolio/assets/118104644/4a9153f6-ec0d-4e34-b951-9c85682fc06f)
반응형
![20240208_010310](https://github.com/choigirang/portfolio/assets/118104644/b6d7a9e8-6064-4935-a17a-72ea610b585e)
Git Commit & PR Message
태그이름 |
설명 |
feat |
새로운 기능 추가 |
chore |
자잘한 변경 |
update |
수정 추가 |
fix |
git과 관련된 버그 수정 |
design |
CSS 등 UI 수정 |
style |
코드 포맷 변경, 세미 콜론 누락, 코드 수정이 없는 경우 |
refactor |
코드 리팩토링 |
docs |
문서 수정 (MD 파일) |
test |
테스트 코드를 생성하거나 수정 하는 경우 |