유저가 다양한 콘텐츠(아티클, 강의 영상, 줌 미팅 일정, 강의 PDF 등)를 할일 목록으로 관리하고, 학습 진도나 프로젝트 진행 상황을 대시보드로 보여주며 각 할일에 대한 노트를 작성해 관리하는 서비스입니다.
| 팀장 FE_고성선 | FE_최무현 | DE_이은송 |
Github Project와 Issue를 연결하여 주차별로 일정을 관리하였습니다.
webhook을 통해 discord와 연결하여 PR, issue 등 프로젝트 변동 사항에 대해 빠르게 피드백 할 수 있었습니다.
`상수`
const MY_NAME = 'thomas';
`변수, 함수`
const roomNumber = 3;
function getYourData() {
console.log("hello world");
}
`클래스, 컴포넌트, 인터페이스 예시`
class Person{}
export default function Person () {}
interface Person {}
`함수 예시`
function calculate () {}
function Home () {}
`화살표 함수 예시`
<button onClick=(()=> setState(!state))>상태 변경</button>├── utils // 공통 함수
│ └── calculateTime.ts
├── types // 공통 타입
│ └── User.ts
│ └── TodoItem.ts
├── constants // 공통 상수
| └── buttonNameList.ts
├── components // 공용 컴포넌트
│ └── Button // Button 컴포넌트 관련 요소들
│ └── Button.tsx // 컴포넌트
├── api
│ └── axios.ts // axios 설정
│ └── mypage // 도메인별 api 설정
│ └── updateUserProfile.ts // 요청별 api 파일
├── stores // zustand 전역상태 폴더
│ └── useUserStore.ts
├── app
│ └── (home) // home 도메인
│ └── layout.tsx // 공통 레이아웃
│ └── page.tsx // '/'
│ └── (mypage) // mypage 도메인
│ └── mypage //
│ └── _components // mypage 컴포넌트
│ └── _utils // mypage 함수
│ └── _types // mypage 타입
│ └── _constants // mypage 상수
│ └── layout.tsx // mypage 레이아웃
│ └── page.tsx // '/mypage'
├── tailwind.config.ts // 애니메이션 및 여러군데 공통으로 사용되는 스타일 정의
├── assets
│ └── images
│ └── svgs
└── styles
└── global.css| Type 키워드 | 사용 시점 |
|---|---|
| feat | 새로운 기능 추가 |
| fix | 버그 수정 |
| docs | 문서 수정 |
| style | 코드 스타일 변경 (코드 포매팅, 세미콜론 누락 등)기능 수정이 없는 경우 |
| design | 사용자 UI 디자인 변경 (CSS 등) |
| test | 테스트 코드, 리팩토링 테스트 코드 추가 |
| refactor | 코드 리팩토링 |
| build | 빌드 파일 수정 |
| ci | CI 설정 파일 수정 |
| perf | 성능 개선 |
| chore | 빌드 업무 수정, 패키지 매니저 수정 (gitignore 수정 등) |
| rename | 파일 혹은 폴더명을 수정만 한 경우 |
| remove | 파일을 삭제만 한 경우 |