bovo 프로젝트
1.Netlify로 배포하기
서론 길고 길었던 Goorm Deep dive 부트캠프 수료한지 약 2개월가량 지났고 수료식때 발표했던 bovo 프로젝트(독서기록 공유 모바일 웹)의 기능이 어느정도 완성되었다. 팀 구성원 각자가 본인의 사정에 따라 프로젝트의 refactoring 진행 속도가 부트캠프
2.AWS S3로 배포하기(with Github Actions)
이전 시간에는 Netlify로 테스트 배포해본 반면이번 시간에는 Github Actions를 활용하여 AWS S3로 화면단을 자동 배포할 예정이다.Amazon Simple Storage Service의 약자로써 클라우드 기반 객체 스토리지 서비스를 제공한다. 클라우드란
3.MUI CSS-in-JS와 class를 활용한 css(with 문제 해결 과정)
독서 기록 서비스(이하 bovo 프로젝트)의 기능을 개선하기 위해 각 화면을 직접 테스트하다 보니 채팅 서비스가 불안정한 것을 확인할 수 있었다.메시지 보내기 버튼을 클릭 전 초기 채팅 화면의 경우 의도한 화면이 그대로 보여지나, 버튼을 누른직후 메시지 보내기 버튼이
4.AWS S3로 GitHub Actions CI/CD 구축 여정: 환경 변수 누락과 SignatureDoesNotMatch 오류 해결기
문제의 시작 초기 AWS S3 bucket에 업로드되는 과정까지는 잘 진행되었으나, 코드의 수정사항이 발생될 때마다 Github에서 PR시 Github Action에서 계속 실패했다. awact/s3-action@master 작업 과정 중에 실패가 지속적으로 발생됐으며
5.Mixed Content 에러 해결
문제의 시작 bovo 프로젝트(독서 기록 공유 프로젝트)를 Netlify로 테스트 배포를 진행한 뒤 CORS를 해결하기 전까지 작동을 해보지 않았다. 중간에 서버에 문제가 생겨 local에서도 작동하지 않게 되면서 배포한 플랫폼은 CORS가 해결되고 작동되나 싶어 확인한 찰나 기존에 보지 못했던 에러를 브라우저 console에서 확인하게 되었다. Mixe...
6.Axios 응답 데이터 에러 해결
독서 감사 공유 플랫폼(이하 bovo 프로젝트)을 개발하면서 나의 토론방 리스트에서 클릭시 이미 참여했던 토론방에 대해서는 바로 입장 가능하도록 개발하고 있었으나 항상 "방 참여에 실패했습니다."라는 문구가 출력되면서 입장이 불가했었다.초기에는 백엔드 팀원분이 서버의
7.Websocket 연결 실패 문제 해결
이번에는 고질적인 문제였던 토론방(채팅방) 입장시 WebSocket 연결 실패 문제를 해결했다. 해당 문제는 토론방 입장은 가능했으나 브라우저 콘솔 창에서 WebSocket 연결에 실패했다는 에러 문구가 출력되었다.WebSocket 연결 실패 에러 출력 화면websoc
8.비동기 함수의 await(with 문제 해결)
독서 감상 공유 플랫폼(이하 bovo 프로젝트)에서 서비스되고 있는 것들 중 독서 토론방의 독서 기록 공유 버튼을 클릭할때마다 화면에 아무것도 랜더링되지 않으면서 아래와 같은 에러가 발생하였다.독서 기록 공유 버튼 클릭시 브라우저 콘솔에 출력되는 에러에러 출력 화면고질
9.이벤트 버블링(event bubbling) 현상과 억제
문제 독서 감상 공유 플랫폼(이하 bovo 프로젝트)에서 제공되는 서비스인 독서토론방내에서 독서 기록 공유 모달 내 독서 기록 목록들은 Accordian으로 구성되어 있다. Accordian을 클릭시에는 독서 기록에 대한 상세 내용이 나타나지만, 공유하려는 독서 기록을
10.Bovo 프로젝트 시연 영상
