36일차. OAuth 구현하자 & 파이썬 시작하자

---

카카오 로그인 에러잡기

 

문제 원인: CorsConfig.java가 servlet 기반 CorsFilter를 사용하고, RestTemplateConfig도 servlet 기반입니다. Gateway는 WebFlux 기반이라 servlet 필터를 사용할 수 없습니다. CORS는 이미 application.yaml에 설정되어 있으므로, 두 설정 파일을 삭제하겠습니다.

 

 

lb는 유레카 있을때 사용하는거고 / 유레카 안쓰면 제거해야함

 

 

 

KAKAO_CLIENT_ID=

KAKAO_CLIENT_SECRET=

KAKAO_ADMIN_KEY=    # 필요할 때만 사용

KAKAO_REDIRECT_URI=

 

이 형식 맞춰서 작성해야 제대로 먹힘!

 

활성화 되어 있어야함! 확인해보기

 

 

1. 네이버 로그인 – 반드시 해야 할 5가지 설정 (순서대로 따라 하세요)

1. 네이버 개발자 센터 접속 https://developers.naver.com 에 들어가서 로그인하세요 (네이버 계정으로)
2. Application → 애플리케이션 목록 → 내가 만든 앱 클릭 (이름 옆에 초록색 “사용함” 떠 있어야 함)
3. 왼쪽 메뉴에서 “네이버 로그인” 클릭 → 아래 5가지를 정확히 입력/체크
   • 개발 중: http://localhost:3000
   • 배포 후: https://www.myapp.com
   ② 콜백 URL (여기가 제일 중요!!) → 반드시 1개 이상 등록 (최대 3개 가능) 개발용 + 배포용 둘 다 넣는 걸 추천합니다 예시 http://localhost:3000/auth/naver/callback https://www.myapp.com/auth/naver/callback
   • 닉네임 → 사용함
   • 프로필 사진 → 사용함
   • 이메일 → 사용함 (이메일 받으려면 꼭 켜야 함)
   ④ 서비스 환경 → PC 웹 애플리케이션: 사용함 → 모바일 웹 애플리케이션: 사용함 (둘 다 켜놓으면 모바일에서도 바로 됨)
4. ⑤ 최종 저장 → 맨 아래 “저장하기” 버튼 꼭 눌러주세요!
5. ③ 동의항목 체크 (원하는 것만 켜면 됨)
6. ① 서비스 URL (필수!) → 실제 서비스 주소 입력 예시
7. 개발 중이라면 localhost 콜백도 꼭 넣어야 합니다! http://localhost:3000/auth/naver/callback (포트번호까지 정확히)
8. 완료! → 이제 네이버로 로그인 버튼 눌러보면 바로 동의창 뜹니다

 

네이버

http://localhost:8080/auth/naver/callback

 

 

 

2. 구글 로그인 – 반드시 해야 할 4가지 설정 (초보자용 상세 가이드)

1. Google Cloud Console 접속 https://console.cloud.google.com
2. 프로젝트 선택 → 상단에 프로젝트 이름 보일 거예요. 클릭 → 해당 프로젝트 선택 (없으면 새로 만들기)
3. 왼쪽 메뉴 → “API 및 서비스” → “사용자 인증 정보”
4. 위쪽에 “사용자 인증 정보 만들기” → “OAuth 클라이언트 ID” 클릭
5. 애플리케이션 유형: 웹 애플리케이션 선택
6. 이름: 아무렇게나 (예: “내 웹사이트 로그인”)
7. 중요!! 승인된 리디렉션 URI (여기서 99%가 틀림) → 아래 두 줄을 정확히 복사해서 붙여넣기 (한 줄씩 추가 버튼 눌러서)배포용 http://localhost:8080/auth/google/callback//  https://www.myapp.com/auth/google/callback
8. → 마지막에 슬래시(/) 없어도 되고, https/http 정확히 맞춰야 합니다!
9. 개발용 http://localhost:3000/auth/google/callback
10. 만들기 클릭 → 클라이언트 ID와 클라이언트 보안 비밀 바로 나와요 → 이걸 .env에 넣으면 끝!
11. OAuth 동의 화면 설정 (이거 안 하면 “앱이 검토되지 않음” 경고 뜸)
    • 앱 이름: 내 서비스 이름 (예: 마이앱)
    • 사용자 지원 이메일: 내 구글 계정 이메일
    • 개발자 연락처 정보: 내 이메일
    • 저장하고 계속 → 스코프는 기본값 그대로 → 저장하고 계속
    게시 상태 → 개발 중이라면 “테스트” 선택 (배포 직전엔 “게시”로 바꿔야 함)→ 저장 클릭!
12. 테스트 사용자 추가 (테스트 상태일 때만 필요) → 내 구글 계정 이메일 추가 (예: myemail@gmail.com)
13. 왼쪽 메뉴 → “API 및 서비스” → “OAuth 동의 화면”

 

 

 

---

백엔드

 

이제 카카오 성공했어! 카카오 OAuth를 구현한대로 네이버 OAuth도 구현해줘

 

 

 

---

프론트엔드

 

네이버 OAuth 구현이 완료되었습니다.

구현 내용:

NaverOAuthService 수정:

State 파라미터 생성 및 검증 (CSRF 방지)

URL 인코딩 처리

Access Token 교환 및 사용자 정보 조회

UserService에 네이버 사용자 생성 메서드 추가:

findOrCreateNaverUser() 메서드 추가

NaverController 수정:

카카오와 동일한 구조로 변경

UserService와 JwtTokenProvider 사용

POST /login 엔드포인트에서 OAuth URL 반환

콜백에서 사용자 정보 저장 및 JWT 생성

네이버 OAuth 특징:

네이버는 state 파라미터가 필수입니다 (CSRF 방지)

네이버 응답 구조: { "response": { "id": ..., "email": ..., ... } }

서비스 상태:

auth-service: 정상 실행 중 (8082 포트)

"NaverController 초기화됨" 확인

프론트엔드에서 네이버 로그인 버튼을 눌러 테스트하세요. 카카오와 동일한 방식으로 동작합니다.//백엔드에서 네이버 oauth구현했는데 프론트 엔드에서도 네이버 oauth를 구현해줘

 

 

 

완성됐다! 넘 뿌듯ㅎㅎㅎ

 

다음번에는 이름을 프로그램명으로 통일해야겠다.

 

---

파이썬 나가기

자바보다 파이썬은 훨씬 간단하다. 

 

requirements.txt -패키지 

 

파일 만들기

 

@gateway/app/main.py 여기에 메인 라우터를 생성해줘

 

@gateway/app/main.py CORS설정해줘

 

 

@services/clawler-service/app/main.py 여기에 서브라우터를 생성하고 @gateway/app/main.py 메인라우터와 연결해줘

 

 

 

 

자바는 - 쓸 수 있지만, 파이썬은 안됨! _언더 바 써야함

 

 

 

라우터 파일 따로 만들면 안됨 

 

@services/chatbot_service/Dockerfile @services/clawler_service/Dockerfile 도커 파일 에러 해결해줘

 

@docker-compose.yaml 여기에 @clawler_service 컨테이너로 등록해줘

 

dockerfile 포트를 바꿔야할까?@services/chatbot_service/Dockerfile @services/clawler_service/Dockerfile

 

@services/clawler_service/requirements.txt 방금 추가한 것은 크롤링에 사용할 패키지야. 현재 최신 버전에 맞게 수정해줘

 

 

 

벅스뮤직 폴더 만들었음

 

@services/clawler_service/app/bs_demo/bugsmusic.py 여기에 bs4 로 정적크롤링을 하려고해.

https://music.bugs.co.kr/chart/track/realtime/total?wl_ref=M_contents_03_01 여기에서 이 컴포넌트에서 여기에서 이 컴포넌트에서 이미지에 있는 테이블 안에 있는 클래스가 title, artist, album 의 로우값을 json 형태로 터미널에서 출력하는 전략을 작성해줘.

 

 

포스트맨 다운로드 받기

 

https://www.postman.com/downloads/

Download Postman | Get Started for Free

 

@services/clawler_service/app/main.py 여기에서 @services/clawler_service/app/bs_demo/bugsmusic.py 이것을 URI 로 등록해서 /crawler/bugsmusic 을 POSTMAN에서 GET방식으로 요청하면 실행되도록 라우팅을 추가해줘

 

__init__.py 파일의 역할:

1. 패키지 인식: Python이 디렉토리를 패키지로 인식하게 합니다.

1. Import 가능: from app.bs_demo.bugsmusic import ... 같은 import가 동작합니다.

1. 패키지 초기화: 패키지 로드 시 실행할 코드를 넣을 수 있습니다.

현재 프로젝트에서의 필요성:

현재 main.py에서 다음 import를 사용합니다:

 

 

from app.bs_demo.bugsmusic import crawl_bugs_chart

 

 

 

 

 

이 import가 동작하려면:

• app 디렉토리가 패키지여야 함

• app/bs_demo 디렉토리가 패키지여야 함

Python 버전별 차이:

• Python 3.3 이전: __init__.py 필수

• Python 3.3+: 네임스페이스 패키지 지원으로 없어도 동작할 수 있음

결론:

현재 빈 __init__.py는 없어도 동작할 수 있지만, 명시적으로 두는 것이 좋습니다:

1. 명확성: 패키지임을 명시

1. 호환성: 모든 Python 버전에서 동작

1. 확장성: 나중에 초기화 코드 추가 가능

필요 없다고 판단되면 삭제해도 됩니다. 삭제할까요, 아니면 유지할까요?

 

 

 

---

 

 

 

https://sy-log.tistory.com/entry/%EC%85%80%EB%A0%88%EB%8B%88%EC%9B%80-%ED%81%AC%EB%A1%A4%EB%A7%81-%EC%98%88%EC%A0%9C-%EB%8B%A4%EB%82%98%EC%99%80-%EB%A6%AC%EB%B7%B0-%ED%81%AC%EB%A1%A4%EB%A7%81%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%A7%80%EC%86%8D%EA%B0%80%EB%8A%A5%ED%95%9C-%EC%BD%94%EB%93%9C-%EB%A7%8C%EB%93%A4%EA%B8%B0-1

[셀레니움 크롤링 예제] 다나와 리뷰 크롤링을 위한 지속가능한 코드 만들기 (1)

 

네이버 크롤링을 셀레니움으로 하는 예제

https://jaydatum.tistory.com/60

[python] selenium 네이버 블로그 크롤링(1)