MVP 중간발표 회고록

<aside> 🗿 수료 후, 이력서에 우리가 만들어낸 내용들을 꼼꼼하게 채워넣어야겠죠? 우리 프로젝트의 강점을 잘 녹여내기 위해 회고록 양식을 공유 드립니다. 프로젝트와 작성하시는 회고록을 기반으로 다음 주 멘토님들께서 순회할 예정이니, 새롭게 추가/개선할 기능이나 수정 방향성에 대해서 깊은 고민을 할 수 있는 기회가 되길 바랍니다 😊

</aside>

3주차까지의 후기 및 소감 (1)

<aside> 📢 중간 발표 이전 기재

</aside>

1. MVP 중간발표 자료(기입)

서비스명: 우리들의 해방일지(our liberation note)
- 서비스 기획 의도: 친구들과 의 여행 계획을 세우고, 우리만의 사진첩을 공유하고, 여행 루트를 짜주는 사이트가 있으면 좋겠다는 생각에 기획하게 되었습니다.
- 프로젝트 한 줄 설명: 우리들의 해방일지는 기본적으로는 그룹별 노트를 제공하고 그 속에서 다양한 계획과 사진공유, 여행 루트짜주는 ai, 내가 간 곳을 스탬프를 찍어 보관할 수 있고 유저의 흥미를 높히기 위해 여행mbti테스트, 해방네컷등 다양한 서비스를 제공하는 프로젝트입니다!
- 최종 MVP 스펙
  - 유저 : 소셜로그인, 이메일인증, 그룹 crud, 유저 이메일 검색
  - 노트 : 노트 생성, 표지선택, 수정, 삭제
  - 계획표 : 계획생성, 키워드검색, 요소 드래그시 날짜 수정, 내용 수정, 삭제, 결과 이메일전송
  - 사진첩 : 사진 저장, 키워드검색, 내용 수정, 삭제, 댓글 생성&수정&삭제
  - 스탬프 : 스탬프 생성 및 지도표시, 스탬프 취소
  - 휴지통 : 노트, 사진, 그룹 삭제시 휴지통에서 복원, 영구삭제가능
  - 여행mbti테스트
  - 해방 네컷 : 가로 세로버전
  - AI : 목적지의 최적의 경로 생성 및 openai의 주변 목적지 설명, 지도 핀
프로젝트 결과물
- Github 링크(Back-End): https://github.com/Msgun7/Our_liberation_note
- Github 링크(Front-End): https://github.com/ORN-group/Our_liberation_note_front
- 서비스 배포 URL: https://liberation-note.com
- 팀 노션 URL: https://www.notion.so/Liberators-b1028835a61843dc9b85c0c7b7d0cd98

2. 기술적 의사결정 & 트러블슈팅 기록

<aside> 🗿 트러블슈팅

</aside>

배포시 mysplclient install 오류
1. 문제상황 : 로컬 mysplclient는 homebrew를 통해 해결할 수 있었지만 배포 환경에서 오류 발생
2. 해결방안
```
# 1번 해결책
sudo apt-get install python3.10-dev
sudo apt-get install mysql-client
sudo apt-get install libmysqlclient-dev
sudo apt-get install libssl-dev

pip install mysqlclient
```
```
# 2번 해결책
sudo apt update
sudo apt install build-essential

# Python 개발 헤더 파일과 라이브러리, 그리고 mysqlclient 패키지를 위한 MySQL 개발 파일
sudo apt install python3-dev libmysqlclient-dev

pip install mysqlclient
```
c. 설명

→ **x86_64-linux-gnu-gcc**와 같은 필요한 컴파일 도구가 시스템에 없어서 'No such file or directory'와 같은 오류가 발생

→ mysqlclient 라이브러리는 C 확장을 사용하므로 컴파일을 위해 gcc가 필요

→ 우분투(Ubuntu)에서는 다음과 같이 build-essential 패키지를 설치하여 이 문제를 해결

소셜로그인 url 오류

문제상황 : 소셜 로그인 구현 중 프론트에서 백엔드로 fetch로 전송은 되는데 계속 500번 서버에러가 뜨는 오류 발생

해결

// 프론트 uri는 백엔드 서버로 보내야하니까 이대로 설정
// 네이버 로그인 데이터 서버로 전송
async function naverLoginApi(Code) {
  const response = await fetch(`${backend_base_url}/user/naver/`, {
    method: 'POST',
    headers: {
      'Content-Type': 'application/json',
    },
    body: JSON.stringify({ "code": Code }),
  })
  response_json = await response.json()
 
// 가독성을 위해 나머지 코드는 생략!


URI = "<http://127.0.0.1:5500/>"

# 네이버 소셜 로그인
class NaverLoginView(APIView):
    def post(self, request):
        ``` 생략 ```
        access_token_request = requests.post(
            "<https://nid.naver.com/oauth2.0/token>",
            headers={"Content-Type": "application/x-www-form-urlencoded"},
            data={
                "grant_type": "authorization_code",
                "client_id": client_id,
                "client_secret": client_secret,
                "redirect_uri": redirect_uri,
                "code": code,
            },
        )

원인
1. 원인은 각 서비스의 애플리케이션 uri와 백엔드 헤더에 등룍된 uri가 일치하지 않아 발생하는 에러
2. 각 서비스의 애플리케이션의 도메인과 uri와 백엔드 uri를 통일을 해줘야 한다.

homebrew 오류(brew install mysql오류)

문제상황 : mysql install 오류 -> brew install mysql 을 통해 해결하려고 했으나 homebrew의 경로가 잘못되어 있었음 -> brew --prefix 를 통해 경로 확인
해결


맥북
m1칩일 경우 /opt/homebrew
intel칩일 경우 /user/local 로 되어있어야 함

=> 변경이 안되서 삭제했다가 다시 설치
1. sudo /bin/bash -c "$(curl -fsSL <https://raw.githubusercontent.com/Homebrew/install/master/uninstall.sh>)"을 통해 homebrew 삭제
2. sudo rm -rf /opt/homebrew 로 폴더까지 다 삭제
3. /bin/bash -c "$(curl -fsSL <https://raw.githubusercontent.com/Homebrew/install/master/install.sh>)"을 통해 brew 재설치
4. enter 눌러서 계속 진행
하면 재설치가 잘 되어서 다시 원래 프로젝트 터미널로 가서
brew install mysql 하고
pip install -r requirements.txt 하면 잘 설치 완료!

프로젝트 배포와 젠킨스를 같은 인스턴스에 올린 문제
1. 문제상황 : 젠킨스의 인스턴스를 따로 파야하는데 프로젝트 서버 내에 올림
2. 해결
  1. 백엔드 서버와 젠킨스 서버를 각자의 인스턴스로 배포 후 ssh인증서를 통한 연결!
  2. 젠킨스 쪽에서 배포서버의 이미지 빌드와 이미지 정리까지 처리
```
cd ~/deploy/
sudo docker system prune -f
sudo docker-compose pull
sudo docker-compose up --force-recreate --build -d
```

🍀 MySQL

관련 링크↗️
사용 이유