[103] 프론트엔드 해야할게 많네~

한화시스템 BEYOND SW 캠프 9기 103일차
2024.11.19_화

 

오늘도 역시나 피곤하기 때문에!

꿀아메리카노를 마셨다! (사진은 못찍었네..)

오늘은 달고 맛있었다!

당과 카페인을 충전하고 어제 생각해놓은 캘린더 API를 가져와보자!

아침부터 캘린더 API 설치하는 명령어 작성하고

시작해보자! 했는데

시우가 모르는 것이 있고 잘 안된다는 것 같아서 도와줬다.

백엔드 코드는 이제 대충 보니까 약간 알 것 같다.

도와주면서 반환형이 무엇인지

무엇을 원하는지 머릿 속에서 그려지고 코드도 같이 보면서

내가 코드를 그냥 생각대로 작성하는데 결과도 괜찮아서

이제 나도 누군가를 조금이라도 알려줄 수 있는 실력이 되었구나 생각하며

뿌듯했다!

그렇게 시우를 도와주고 나는 다시 프론트의 늪으로 빠졌다...

 

프론트엔드와 백엔드의 코드를 최신으로 만들기 위해

커밋하고 dev 풀 받고 merge까지 했다.

최신인 상태에서 캘린더 API를 가져오고

테스트 삼아 캘린더가 나오는지 확인하려고 하는데

무엇인지 계속 안되었다.

CORS 오류도 발생하고...우진이나 동혁이에게 물어보니

나까지 셋이서 계속 코드를 쏘아보며 무엇이 문제인지 확인했다.

보니까 axios를 사용해야 토큰이 인증이 되는 방식인데

그것도 모르고 fetch를 사용해서 토큰이 없어 오류가 발생했던 것 같다.

 

조회까지는 되어서 캘린더 화면에 일정까지 보여지는 것을 확인하고

날짜를 어떻게 받아오느냐에 따라 일정 생기는 것이 달라져서

같은 날짜에 시간만 다르면 시간까지 다 가져와서 당일의 일정으로 만들고

날짜가 다르면 즉, 여러 날이면 종료날짜에 하루를 더해야 종일로 보여지게 된다.

상세조회할 때는 원래 받은 값으로 보여주면 되고

블럭 형태로 채워지는 것만 하루를 더해주면 될 것 같다.

 

수정, 삭제와 상세조회..

심지어 모달까지 만들어야하고

일정 버튼을 누르거나 해당 일자를 선택하면 생성까지 하게 만들어야한다.

생각보다 프론트적으로 어려운 것 같다.

하나의 페이지에서 많은 것을 하는건가??

컴포넌트로 나눠야하나??

흐어~~!!!!!

프론트 어려운데...

이 참에 함 공부해보자!!