Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
localgaji authored Nov 23, 2023
1 parent e0c2567 commit 2ed684b
Showing 1 changed file with 0 additions and 24 deletions.
24 changes: 0 additions & 24 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -132,11 +132,6 @@ npm run start
- 에러바운더리 폴백을 적용해서 에러 타입에 따라 적절한 에러 페이지를 표시했습니다.
- 폼 입력값의 validation 오류가 있을 경우 요청을 보낼 수 없도록 처리했습니다.
```
#### 버튼 기능 구현의 적절성
```
- validation 미충족 시 버튼의 색상을 비활성 색상으로 변경했습니다.
- 버튼 클릭 시 POST 요청과 페이지 이동이 일어나도록 구현했습니다.
```
#### 코드의 재사용성
```
- 재사용 컴포넌트는 component/@commons 폴더에 모아두었습니다.
Expand All @@ -145,17 +140,6 @@ npm run start
- 스케줄 페이지, 주차 선택 페이지 등 유사 페이지를 재사용했습니다.
- view 와 핸들러를 분리해서 필요한 부분만 재사용할수 있게 다형성을 구현했습니다.
```
#### 객체지향 설계 기반의 상태 관리
- 단일 책임 원칙
- 컴포넌트를 View / 상태관리 담당 훅 / fetch 담당 훅 / 유틸리티 함수 로 분리했습니다.
- 개방 폐쇄 원칙 (다형성)
- styled component 에 props를 전달해 동일 컴포넌트의 스타일을 상황에 맞게 변경했습니다.
- 리스코프 치환 원칙
- 겹치는 타입을 상속해서 사용했습니다
- 인터페이스 분리
- 재사용 함수나 컴포넌트에 필요한 파라미터만 따로 분리해서 전달했습니다.
- 의존성 역전 원칙
- 대부분의 로직을 커스텀훅에서 함수로 한번 캡슐화해서 라이브러리가 변경되더라도 쉽게 교체가 가능하도록 구현
#### 성능 최적화
```
- 컴포넌트에서 꼭 필요한 전역상태만 가져오도록해 불필요한 랜더링을 줄였습니다.
Expand All @@ -166,16 +150,8 @@ npm run start
```
#### 웹 접근성
```
- 이미지에 대체 텍스트를 추가했습니다.
- 아이콘 버튼에 라벨을 추가했습니다
```


## ERD
![ERD drawio](https://github.com/Step3-kakao-tech-campus/Team1_FE/assets/111048211/ed0b6044-fe85-40c0-957a-e3a27429761e)



## 백엔드 repo

[TEAM1_BE](https://github.com/Step3-kakao-tech-campus/Team1_BE)
Expand Down

0 comments on commit 2ed684b

Please sign in to comment.