02 - 23 일지

특이사항 : 과제로 고생함

 

세상에 완전 끔찍한 경험이었다. 저번 주차에 했던 과제를 리팩토링하는 방식으로 과제를 접근했다가 완전히 꼬여버린 뒤로 처음부터 다시 만들어야 했다. 안그래도 없는 시간을 2일이나 허비했다! 아이고.....스트레스로 심장이 아파온다. 그래도 일단 보고는 해야겠지

 

기능	URL	Method	request	response
고민 데이터 갯수 조회	/Main	GET	-	{ "gomin": [ { "title": "제목", "contents": "내용", "username": "사용자명", "id": id } ] }
고민 데이터 작성	/Write	POST	{ id: number, title: string,(option) body: string,(option) date: string, };	-
고민 데이터 삭제	/Detail/id	DELETE	{ id: number }	-

과제로 작성한 API 명세서인데, 명세서 작성법을 모르겠다. 심지어 위에 하나 빠졌다.

 

과제하면서 진행한 방식

 

1. Pigma로 얼개 짜기

2. src 기본 폴더 구조 만들기 및 터미널로 필요한 모듈 다운

3. 스타일드 컴포넌트로 CSS 구조 짜기

4. Main, List, Write, Detail 순으로 기능 구현

5. 버그로 고통받기

 

이런 방식으로 진행되었지만 하루하고 반나절의 시간동안 할 수 있는 것은 진짜 많지 않았다. 시간이 더 있었다면 과제에서 요구한 사항들을 진행했을탠데......

 

과제하면서 고통받은 방식

 

1. ${}과 {}의 차이를 집어내지 못해 고통받기

2. 빌어먹을 CSS 문제들......

div 정중앙 시키기	div 상단 중앙 정렬	div 요소 좌우 끝에 정렬
display: flex; align-items: center; justify-content: space-between; flex-direction: column; text-align: center;	display: flex; align-items: center; justify-content: flex-end; padding-right: 10px; padding-top:  10px;	display: flex; align-items: center; justify-content: space-between; flex-direction: row;

혹시 몰라 써둔다....그래 혹시 몰라.......

 

3. useQuerry문제

DB 데이터를 가져오는 GetGomin을 사용하는 것까진 좋았는데 너무 여기저기다 가져왔다. 내가 원한 것은 data.length였는데 전부를 가져오고 거기서 하나만 뽑아쓰는 것은 너무 낭비 아닌가? 미들웨어의 필요성을 익힐 수 있었다. 사용법은 모르고 하하하.........

 

4. 코드 스파게티

고민하고 신경썼지만 중반부턴 완전히 될 대로 되라는 식으로 진행했다. 세상에 저걸 어떻게 고치지.....Page에 Component들 넣으면 한도끝도 없어질까봐 Page를 하나의 컴포넌트로 뭉치기 시작했다는 것을 깨달았을 때에는 이미 늦었다.

 

 

 

결과

수정 기능 구현 실패, 원하던 방식으로는 답이 안나올 것 같았다. 명세서 작성 실패.