오전부터 오후까지 강사님의 교육생별로 1대1 면담을 진행하고, 우리에겐 CRUD를 활용한 메모장 프로젝트가 주어졌다.

메모장 버전1

(내가 만든 거 아니고 강사님이 만든 거 캡처한 이미지)

요렇게 생긴 메모장을 구현 하는 것이 첫 번째 미션.
나는 css를 하지 않았음에도 점심 전까지 붙들고 나서야 구현할 수 있었다.

메모장 버전2

버전 1에 사진 추가하는 미션.

사실 사진 추가하는 거야 images 폴더 하나 만들고 저장된 파일 경로를 db에 저장하는 방식으로 하면 되기에 얼마 안 걸릴 줄 알았으나....
예상 밖의 에러 때문에 2시간 넘게 끙끙거렸다.
어제 블로그에도 남겼던 경로 설정이 문제였던 것이다...!
index.html을 public 폴더 안에 넣어뒀는데 나는 멍청하게도 이를 잊고 index.html이 public 폴더 밖에 있는 줄 알았다.
이 밖에도 서버단에서 받은 파일 경로에 '/images'를 한 번 더 붙여 '/images/images/photo.jpeg' 이런 식으로 db에 저장한 것도 문제였다.
코드가 길어지니 어디서 문제가 발생하는지 원인 찾는 게 어려워졌다. 특히 14인치 노트북화면을 계속 쳐다보고 있으니 눈이 아플 지경.

해결 안 되는 문제를 오래 마주하다보면 스트레스를 받게 되는데 멘탈 잡고 차분히 들여다보는 게 중요함을 체감했다.