본문 바로가기

Projects/2021-CVI (백중원)51

210915(수) - Dev Server 고민 목차 Dev Server 환경 고민 Dev Server 환경 고민 첫 번째 고민은 dev server의 앤드 포인트가 실제 서비스 앤드 포인트와 왜 달라야 하는지였다. 혼자 생각하기로 dev server 배포 페이지는 스프린트 마무리쯤에 코드가 프리징 되었을 때, 실제 서비스 페이지와 동일한 콘텐츠를 보여주고 동일한 기능을 갖춰야 한다고 생각했다. 그래서 .env.development 파일에서 앤드 포인트가 .env.production과 달라야 하는지 이해가 되지 않았다. 그런데 다시 생각해 보니, dev server에서 실제 서비스와 백엔드 앤드 포인트가 같으면 안 된다는 것을 알게 되었다. 그렇게 된다면, dev server에서 테스트하기 위해 추가한 글이나 삭제한 글이 그대로 서비스에 반영되기 때문.. 2021. 9. 15.
210910(금) - 홈페이지 콘텐츠 변경 목차 홈페이지 콘텐츠 변경 홈페이지 콘텐츠 변경 지난번에 구글 폼을 이용한 설문 결과를 막대그래프를 사용하여 표현했다. 현재는 수동으로 데이터를 넣어 사용자에게 보여주고 있지만, 다음 스프린트에서는 자동으로 바꿀 계획이다. (사실 아직은 계획이라 모른다ㅠ). 이 부분을 구현하면서 신경을 썼던 부분은 화면마다 크기를 조정해야 했던 부분이다. 막대그래프가 높이보다 너비가 더 길어서 스크롤로 보여주기도 애매했다. 그래서 width 속성에 각 막대의 수치 값과 화면의 길이가 반영된 vw, 조정하기 위한 상수를 이용해, 막대의 길이가 동적으로 변할 수 있도록 했다. 추가적으로 페이지를 새로 들어가거나, 새로 고침 했을 때, 막대가 미리 그려져 있고 시간에 따라 다시 그려지는데 처음에 그러져 있지 않고 시간에 따라.. 2021. 9. 10.
210909(목) - Dev 배포 사이트 구축 목차 Dev 배포 사이트 구축 Dev 배포 사이트 구축 Dev 배포 사이트를 구축했다. 그 과정을 잊지 않기 위해서 다른 프로젝트에도 적용해보면서 정리할 예정이다. 2021. 9. 9.
210908 (수) - Dev 배포 사이트를 만들기 위한 학습 목차 Dev 배포 사이트를 만들기 위한 학습 Dev 배포 사이트를 만들기 위한 학습 Dev 서버를 만들게 된 이유는 개발의 편의성을 향상하기 위해서이다. 먼저 우리 팀의 깃 전략에 대해서 간단히 말하면 main 브랜치와 develop 브랜치를 사용하고 있고, 실제 서비스 URL인 https://vaccine-review.com은 main 브랜치를 배포한 사이트이다. 그런데, 문제는 main 브랜치는 보통 데모 데이 직전에만 새롭게 반영된다는 점이다. 즉, 이전까지는 develop 브랜치를 기준으로 개발이 진행된다. 이런 이유로 프론트엔드와 다르게 백엔드에서는 기능이 추가되어도 직접 확인하는 과정이 불편했다. 프론트엔드는 개발 환경에서 최신 UI나 기능 등은 서버를 구동해 로컬에서 바로 확인할 수 있지만,.. 2021. 9. 8.