first_project DAY+8

KEEP 오늘의 좋았던 경험

• 처음 기획한 기능구현을 모두 마치고, 클라이언트를 동작시켜 보면서 에러를 하나씩 해결해 나갔다. 그 중 만났던 에러는 delete API 요청이었는데, axios delete 요청에는 인자가 2개 들어 들어갈 수 있다. url, options이고, 어떤 값을 전달해 주고 싶다면 {data : {value : newValue} }이런 식으로 작성해주면 된다.
• 마이 페이지에서 읽고있는 책 부분에 최대 6개까지만 추가할 수 있도록 처음에 기획했지만, 더 들어가는 경우 select 창에 리스트화 해서 6개 이상도 들어갈 수 있도록 해주었다. select 에서 option을 선택하고, 다시 맨 처음 option이 보이도록 해주고 싶었고, e.target.selectedIndex = 0 을 해주면 원하는 대로 해줄 수 있었다.
• 마이 페이지 책장 페이지 구현하는 Advanced 기능을 구현했다. Mypage의 경로를 /mypage/* 을 해주면 /mypage 경로 뒤에 어떤 것이 와도 mypage가 기본 베이스가 된다. 그래서 이런 부분을 활용해서 책장의 페이지를 넘기면 /mypage/${num} url의 num를 증감해주어 shelf의 페이지를 구현할 수 있었다.

PROBLEM 고쳐나갈 경험

• 끝까지 집중력 잃지않고 프로젝트를 잘 마무리 할 수 있도록 신경쓰기.
• 우리가 작성한 코드 상 어쩔 수 없이 401에러가 콘솔에 뜨는 경우가 발생하는데, 그 부분에 console.clear()로 에러 콘솔을 지워줄 수는 있었는데 이게 맞는 방법인지는 잘 모르겠다.

TRY 시도해볼 일

• 랙도 페이지로 구현(?)
• 페이지 스크롤내리는 것에 타이밍 맞춰 애니메이션 효과 주는 CSS 학습
• select 기본 태그 사용하는 것 말고 스택을 이용해서 select 구현하는 방법 학습 ex) DataListInput