본문 바로가기

TIL173

Plmography 프로젝트 작업 로그 #29 - React 에서 import 문 중괄호 의미 (23.01.10 TIL) 프론트에서 생성한 스토어를 테스트하던 도중, 테스트는 다 통과하는데 콘솔로 아래와 같은 에러가 떴다. 구글링을 해보니 axios 가 에러이거나, api 서비스에서 url 의 경로를 잘못 설정하거나, 슬래시('/') 를 붙이지 않은 경우 발생한다는 답변이 대부분이어서 모두 확인해 봤는데도 에러가 사라지지 않았다. 그러던 와중 8000 번대 호스트를 미리 지정해놓은 baseUrl 의 import 문이 뜬금없이 중괄호로 쌓여져 있는 것을 발견했다. // config.js const config = { apiBaseUrl: 'http://localhost:8000', }; export default config; ---------------------------------------------- // 내가 im.. 2023. 1. 10.
Plmography 프로젝트 작업 로그 #28 - 백엔드, 프론트 우선순위? (23.01.09 TIL) 주간회고에도 썼지만, 나는 이번 스프린트를 진행하는 3주 동안 프론트보다는 백엔드의 작업량이 8:2 비율로 훨씬 높았다. 프론트 테스트에서 한 번 오류 나기 시작하면 하루종일 디버깅하는 데에 시간을 보내서도 그렇고, 백엔드는 CRUD 작업 위주이다 보니 아직 좀 더 익숙한 탓인 것도 있다. 여기서 실수한 것은, 프론트 구현은 무조건 백엔드 api 가 있어야 한다고 생각한 것이다. 이러한 내 상황을 오늘 트레이너분과 함께 스프린트를 점검하면서 전달드렸고 이에 대해 받은 피드백은, 프론트 UI 를 먼저 구현하면서 데이터는 하드코딩으로 쌓아놓으면 나중에 백엔드에서 만든 api 만 붙이면 일이 훨씬 더 수월해진다는 점이다. 그리고 아차, 싶었던 것은 이 피드백은 프로젝트를 시작하며 프론트를 처음 구현할 때 1기.. 2023. 1. 9.
Plmography 프로젝트 작업 로그 #27 - 스프린트 3주차 마지막 점검 (23.01.08 TIL) 약 2주간의 스프린트 기록 작성 끝에 내가 하루 동안 어느정도 분량을 쳐낼 수 있을지를 가늠해봤다. 그리고 그걸 토대로 3주차 스프린트를 작성해서 오늘이 3주차의 마지막 날이다. 내일이면 다시 스프린트 계획을 작성하고 4주차를 보내야 하는데 이번 주차 스프린트를 제대로 마무리 하지 못한 걸로 봐선 나의 작업양을 아직 파악하지 못한 것 같다. 그래도 1~2 주차에 비해 큰 발전은 있었다. 1~2주차는 50% 정도도 해내지 못했는데 이번 주차는 그래도 70% 이상은 해냈기 때문이다. 아직 100% 를 달성하기엔 멀었지만 이번 주차의 반성을 토대로 4주차 스프린트를 작성해야겠다. 그리고 이번 주는 7일 중 6일 정도를 백엔드 작업에만 보냈기 때문에 아직 프론트가 완성된 것이 없다. API 하나를 완성하면 프론.. 2023. 1. 8.
Plmography 프로젝트 작업 로그 #26 - 변수명 짓기 (23.01.07 TIL) 오늘은 댓글 달기 기능을 위해 Comment 라는 엔티티를 만들었다. 이 Comment 는 Review 에도 사용되고 Post 에도 사용될 예정인데, 그 중 필드변수 post id 라는 VO 를 생성하기 전 이름을 어떻게 지어야 할지 고민이 되었다. reviewId 라는 이름을 쓰기에는 Post 에도 사용될 예정이고, postId 라는 이름을 쓰기에는 너무 Post 에만 쓰는 것 같은 느낌이 드는 것이다. 계속 고민하다가 결국 Post 를 CommunityPost 라는 이름으로 바꾸고 변수명을 postId 로 사용하기로 했다. 트레이너분도 예전에 변수명을 하루종일 고민하다가 개발을 못하신 날도 있다고 들었는데 나중에 변경가능성 없고 누가 봐도 한 눈에 이해할 수 있는 변수명을 짓는 것이 참 어렵다. 역시.. 2023. 1. 7.
Plmography 프로젝트 작업 로그 #25 - 외부 API 사용시 null 처리 (23.01.06 TIL) 며칠 전 외부 API 를 사용해서 DB 에 데이터를 저장하는데에 성공하고, 오늘은 그 데이터를 화면에 띄우는 작품 목록 조회 REST API 를 작성했다. 그런데 전체 테스트를 한 번 돌리니 기존에는 성공했던 백도어 테스트가 깨지는 것이었다. 일단 실제 DB 를 들어가서 확인해보니 데이터는 잘 들어와있는데 테스트는 NPE(NullPointException) 를 뱉어낸다. 원인을 알 수 없어서 RestTemplate 구조를 이리저리 바꿔가며 테스트 해보다가, 결국 동료분의 도움으로 아래처럼 삼항연산자로 해결하긴 했다. contentRepository.save( Content.builder() .imageUrl(data.get("poster_path") == null ? "" : imageUrl + data.. 2023. 1. 6.
Plmography 프로젝트 작업 로그 #24 - 나름대로 전력질주중 (23.01.05 TIL) 프로젝트 3주차,,달팽이지만 나름대로 전력질주중이다. 순수 코딩 시간 1분 제외된 9시간 기록 🥲 1분 더 해서 캡쳐하려고 했는데 11시 59분이라 후다닥 캡쳐해버렸다. 오늘은 이번 주 계속 이어져 온 상세 페이지에서 리뷰 쓰기와 조회 기능을 구현하려고 하는 와중에, 하드코딩으로 할까 하다가, Review 가 UserId 도 들고있어야 하고 어짜피 만들거 빨리 만들어버리자는 생각으로 User 엔티티와 Review 엔티티를 모두 만들었다. 그리고 컨트롤러와 애플리케이션 레이어들도 만든 후 리뷰 등록 API 까지 완성했다. 백엔드 테스트도 전체 통과 완료! 이제는 프론트에서 간단한 마크업 후에 등록 요청이 백엔드로 잘 전달되는 지 테스트 할 차례이다. 힘내자 달팽이!!!!!! 2023. 1. 5.