Skip to content

Latest commit

 

History

History
119 lines (90 loc) · 3.7 KB

README.md

File metadata and controls

119 lines (90 loc) · 3.7 KB
Raw

📺 나만의 블로그


프로젝트 소개

  • 📑 이 프로젝트는 저에 대한 정보와 제가 진행한 프로젝트에 대한 내용을 담고 있습니다.
  • 💻 노션 웹페이지를 참고하여 웹 페이지 형식으로 제작하였습니다.
  • 👍 웹 페이지에 최적화 되어있습니다. 웹 페이지에서 보는 것을 권장합니다.
skill - 복사본 project_detail

팀원 구성

오하민

@ohamin26

1. 개발 환경

  • 💻 프론트엔드 : TypeScript, React, Vanilla-extract, Redux-toolkit
  • 📝 버전 및 이슈관리 : Github, Github-actions
  • 🌐 서비스 배포 환경 : Netlify

2. 채택한 개발 기술과 브랜치 전략

  • React
    • 컴포넌트화를 통해 추후 유지 보수와 재사용성이 용이하다 판단하여 선택하였습니다.
  • Vanilla-extract
    • CSS에서 JS문법을 사용할 수 있다는 장점을 가지고 있으며,
    • zero-runtime CSS인 vanilla-extract를 개인 프로젝트에 적합하다고 판단하였습니다.
  • Redux-toolkit
    • 클라이언트 상태를 관리하기 위해 redux를 선택하였습니다.
    • 빠른 개발과 효율성 측면에서 redux-toolkit을 선택하였습니다.
  • Eslint, Prettier
    • 일관된 코드를 작성하기 위해 도입하였습니다.
  • Github-actions
    • CI/CD 구축를 위해 Github-actions를 도입하였습니다.

브랜치 전략

  • Git-flow를 채택하였으며, main, dev, feat로 구분하여 진행하였습니다.
    • main 배포용으로 최종적으로 적용할 기능만을 합쳤습니다.
    • dev 모든 기능을 합치고 개발과 테스트 단계에 사용하는 브랜치 입니다.
    • Feat 개발을 효율적으로 진행하기 위해 기능 단위로 브랜치을 생성하여 dev 브랜치에 합치는 방식으로 진행하였습니다.

3. 프로젝트 구조

├── README.md
├── .eslintrc.js
├── .gitignore
├── .prettierrc.json
├── pmpm-lock.json
├── package.json
├── vite.config.ts
├── tsconfig.json
├── tsconfig.node.json
├── index.html
│
├── .storybook
│    ├── main.ts
│    └── preview.ts
│
└── src
     ├── api
     └── components
           ├── contentHeader
           ├── introducePageCOmponents
           ├── projectPageComponents
           ├── skillPageComponents
           ├── rendingPage
           └── sideBar
     └── redux
           ├── reducers
           ├── slice
           └── store
     └── routes
           └── introducePage.tsx
     ├── App.tsx
     ├── main.tsx
     └── styles
           ├── fonts
           └── globalStyle.css.ts

4. 개발 기간 및 작업 관리

개발 기간

  • 전체 개발 기간 : 2024년 4월 7일 ~ 2024년 5월 7일

작업 관리

  • Gihub를 통해 관리하였습니다.