발표자료 | Notion

서비스 소개
1. title : 우리들의 해방일지(Our Liberation Note)
2. 목적 : 친구들과의 여행 계획 및 사진첩 공유와 여행 루트를 짜주는 AI기능을 제공하는 시크릿 사이트
주요 기능
1. 유저 : 소셜로그인, 이메일인증, 그룹 crud, 유저 이메일 검색
2. 노트 : 노트 생성, 표지선택, 그룹선택, 삭제
3. 계획표 : 계획생성, 키워드검색, 요소 드래그시 날짜 수정, 내용 수정, 삭제, 결과 이메일전송
4. 사진첩 : 사진 저장, 키워드검색, 내용 수정, 삭제, 댓글 생성&수정&삭제
5. 스탬프 : 스탬프 생성 및 지도표시, 스탬프 취소
6. 휴지통 : 노트, 사진, 그룹 삭제시 휴지통에서 복원, 영구삭제가능
7. 여행mbti테스트
8. 해방 네컷 : 가로 세로버전
9. AI : 목적지의 최적의 경로 생성 및 openai의 주변 목적지 설명, 지도 핀
배포
1. 1주차 배포 : 프론트(s3, cloudfront), 백엔드(ec2, Gunicorn, Nginx)
2. 2주차 배포 : 프론트(s3, cloudfront, gitaction), 백엔드(ec2, Gunicorn, Nginx, jenkins, docker)
3. 3주차 배포 : 도메인 사망(자연재해, 벼락 맞음) → 원인 불명.. → 도메인 새로 구매 후 인증서 교체하니 작동…
4. 아키텍쳐
🍀 MySQL
1. 관련 링크↗️
2. 사용 이유
- 초보자가 다루기 쉽고, 데이터를 다루는데 있어서 빠르고 안정성이 뛰어나기 때문
- 다루는 데이터 타입이 많지 않아서 postgressql을 사용하기 보다 빠르게 처리가 가능한 mysql을 선택!
1. 그 밖의 장점
- 웹사이트와 온라인 트랜잭션에 적합
- 기능이 많지 않기 때문에 "속도와 안정성"에 중점
- LAMP 스택(Linux, Apache HTTP Server, MySQL, PHP로 구성된 웹 애플리케이션의 오픈 소스 제품군)의 표준 구성 요소
- 관계형 데이터베이스 구조 덕분에 대용량 데이터 세트를 빠르고 효율적으로 처리 가능
🍀 Python

<aside> <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSHLN0RrPTmNUSMhl6MTeX0p_uIIj6Qzoxok9gjmzjELFRCeJaN34K8nOSaG56rrrw-evQ&usqp=CAU" alt="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSHLN0RrPTmNUSMhl6MTeX0p_uIIj6Qzoxok9gjmzjELFRCeJaN34K8nOSaG56rrrw-evQ&usqp=CAU" width="40px" /> Python(3.10.6)

</aside>
1. 관련 링크↗️
2. 사용 이유
- 최신 버전 중에서 Maintenance status가 security로 3.11(bugfix)보다 안정화된 것으로 판단했고, 최대한 오랜 기간 지원을 받기 위해 선택!
- 3.11 버전은 최대 60% 속도가 향상 되었지만 비교적 최신 버전이기에 사용하는 library가 지원을 안 할 가능성이 있기 때문에 3.10 선택!
🍀 Jenkin(Backend)
1. 관련링크↗️
2. 사용 이유
- 배포의 자동화 : 테스트, 빌드, 배포 등의 과정을 자동화하여 수작업으로 인한 오류를 줄이고 효율성을 향상 시킬 수 있음.
- 피드백 반영 : 피드백과 문제의 해결의 빠른 반영이 가능!
- 다양한 플러그인 제공 : 슬랙 등 다양한 플러그인을 제공하여 실시간으로 배포 상황을 확인 가능!
- 배포의 시각화
🍀 GitGub Actions(Frontend)
1. 관련링크↗️
2. 사용 이유
- 통합성 : 깃허브 플랫폼에 내장되어 있기 때문에 별도의 통합 작업 없이 즉시 사용 가능!
- 간단한 배포 : main.yml 파일을 작성하고, 관련 키를 등록해 주면 되기 때문에 jenkins보다 쉽고 빠르게 배포 가능
<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

🍀 Python

🍀 Jenkin(Backend)

🍀 GitGub Actions(Frontend)