팀
오늘 팀프로젝트에서는 Jira와 Confluence를 본격적으로 활용하기위해서 기존에 노션에서 작성하던 글을 Cofluence로 옮겼고, Jira에서 이슈를 만들어서 프로젝트에서 할 일을 관리하기 시작했다.
전체적인 아키텍쳐를 다시 점검했고, 코멘트 기능을 빼기로 했다.
프론트엔드
오늘은 코드 에디터 뭐 사용할지 최종 결정했다.
여전히 코드미러와 모나코 에디터 중에서 고민이었는데 만능인 줄 알았던 모나코 에디터에서 java, python 등의 언어에서는 intellisense를 제공하지 않는다는 것을 발견했다. 사용자가 입력한 단어에 대해서는 추천기능이 작동하는데 그외 모듈 불러오는 데서는 먹통이었다. 그나마 들여쓰기와 auto close는 잘 작동해서 intellisense는 다른 방법을 알아보기로 했다.
https://stackoverflow.com/questions/59539541/how-to-implement-java-intellisense-for-monaco-editor
구글링하니까 위 링크와 같은 글에서 langserver를 사용해보라는 내용이 있어서 알아봤는데 monaco stand alone으로 사용할 때 유효한 방법이었고, react와 통합해서 쓰기 위해서는 다른 방법을 찾아봐야 했는데 개발 일정이 촉박하다보니 일단은 intellisense는 빼고 완성한 뒤에 여유가 되면 추가하기로 했다.
오늘은 그래서 형근님이 list로 언어 선택을 할 수 있게 하셔서 내가 만든 코드와 합쳤고, 내일까지 Figma를 활용해서 간단하게 뷰를 어떻게 보여줄 지 디자인 하기로 했다.
그 외
작정하고 장고
어제 도커에 pinterest 만든 것을 올려서 확인했는데 comment_at column을 찾을 수 없다는 에러와 사진을 추가해도 안 보이는 문제가 있었다. 그런데 화가나는 것은 pycharm에서 바로 실행시켜서 로컬에서 볼 때는 잘 작동했는데 도커에서는 작동을 잘 안 한다는 것이었다. 강사님의 깃허브를 불러서 도커로 돌렸을 때는 또 잘 작동해서 코드를 하나씩 비교해볼까 했지만 일단 다음 강의 내용이 pinterest 기능에 대한 것이 아니고 도커 설정에 관한 내용이어서 일단 진도 먼저 나가면서 코드 비교해보기로 했다.
개발, 배포를 위한 분리를 하는 과정에서 settings에서 문제점이 발견됐다. Base 디렉토리 경로를 처음에 설정해주었지만 그거 무시하고 다른 폴더나 파일에 접근할 때 "../../" 이런식으로 경로를 다르게 줘서 도커에서 돌렸을 때 원하는 파일을 찾으려고 base_dir만 찾으면 되는데 ../../base_dir 이렇게 경로가 설정돼서 엉뚱한 곳에서 찾게 되는 문제가 발생한 것이었다. 이와 함께 media 폴더 이름도 재설정해서 이미지가 안 보이던 문제를 해결했다.
https://github.com/GangHyeokLee/pragmatic/commit/6330c6cda610b1f6a8b49265337b909061db9285
그리고 comment app에서 comment_created_at이 migration된 파일이 github에 없는 것이 발견됐다. 도커 파일에서 따로 makemigrations를 안 해줘서 로컬에서 만든 파일을 같이 올려주는 방식으로 이해했는데, 로컬에서는 comment_created_at DB 파일이 있었지만 github에서는 없어서 DB에서 검색할 때 오류가 난 것 같다. 이거 파일 올려주고 난 뒤부터는 잘 작동한 것을 보니까 그게 원인이 맞는 것 같긴한데 나중에 모든 app에서 DB 파일 없이 도커에 한 번 올려보는 실험을 해봐야 확신을 할 수 있을 것 같다.
그외에는 도커 파일이나 nginx.conf 파일 등을 작성할 때 컨테이너 이름이나 경로 같은 것을 잘못 적어서 발생하는 문제 말고는 없었고, 대부분 에러코드를 확인하니까 뭐가 문제인지 잘 알려줘서 금방 해결했다.
도커를 사용해서 내가 개발한 pinterest를 배포하는 방법을 알게 됐지만 나중에 혼자서 처음부터 다시 만들어봐야겠다.
