1. 문제 상황로컬 개발 환경에서 SSO(Single Sign-On) 로직을 구현하고 있었습니다.여러 서비스가 동일한 서브도메인 형태로 분리된 구조고, 인증은 하나의 인증 서버에서 담당합니다. 흐름(A 사이트) 로그인 -> (B 사이트 SSO 담당) 로그인 페이지 -> 로그인 및 쿠키 저장 -> (A 사이트) 쿠키 기반 인증 처리 개발 환경프론트엔드: HTTP (로컬)인증 서버: HTTPS인증 쿠키 옵션: Secure=true SameSite=None서브도메인 기반 SSO 구조 문제 현상로그인은 성공쿠키는 저장된 것처럼 보임다른 서브도메인에서는 쿠키가 전달되지 않음결과적으로 SSO 실패문제의 원인은 쿠키의 Secure 옵션입니다.브라우저 보안 정책상 이 옵션이 설정된 쿠키는 HTTPS에서만 동작하며,HT..

Axios에서는 interceptors 기능을 통해요청을 보내기 전, 응답을 받기 전에 특정 로직을 수행할 수 있습니다. 특히 같은 Axios Instance를 사용하는 요청들에 대해공통적으로 설정할 수 있다는 점이 큰 장점입니다. 예를 들어, 인증이 만료된 사용자는 401 에러를 받게 됩니다.각각 페이지에서 이를 catch 문으로 처리할 수 있지만,모든 API에 동일한 로직을 반복적으로 작성하는 것은 비효율적이고 번거롭습니다. 🤔 이럴 경우 interceptors 기능을 활용하면 효과적으로 관리할 수 있습니다.함께 알아봅시다. 😀📝 Axios interceptorhttps://axios-http.com/kr/docs/interceptors 인터셉터 | Axios Docs인터셉터 then 또는 ca..

포스트맨이란? https://hyunki99.tistory.com/93 [API 테스트 툴] 포스트맨(Postman) 사용방법 정리 Postman은 API 개발 및 테스트를 위한 협업 도구입니다. 웹 개발할 때 유용하게 사용할 수 있습니다. 백엔드 코드 작성하고, 굳이 프론트에서 요청 코드 작성해서 테스트하지 않아도 되서 편리합니 hyunki99.tistory.com 토큰 인증이 필요한 API의 경우, 요청의 헤더에 토큰을 전달해야 합니다. 포스트맨의 Global Variable(전역 변수) 기능을 사용해서 간편하게 적용할 수 있는 방법을 소개하겠습니다. 😎 📝 포스트맨 설정 ⦁ 환경 설정 ✔ 환경을 추가한 후 Variable에 Bearer [토큰 값]을 추가합니다. ✔ 주의) 해당 환경이 선택되어 있어..

ChatGPT는 Open AI가 만든 딥러닝 프로그램으로 대화형 인공지능 챗봇입니다. Open AI는 2023년 3월에 ChatGPT API라는 새로운 서비스를 출시했습니다. 이 서비스를 사용하면 챗GPT를 나의 앱이나 제품에 쉽게 통합할 수 있습니다. 다만, API 사용은 유료이며 대화에 사용된 토큰의 크기에 따라 과금됩니다. 어떻게 사용하는 건지 함께 알아봅시다.😀 📝API Key 얻기 https://platform.openai.com/overview OpenAI Platform Explore developer resources, tutorials, API docs, and dynamic examples to get the most out of OpenAI's platform. platform.ope..

지난 3월에 ChatGPT에 대한 소개를 포스팅했습니다. 저는 그때부터 지금까지 꾸준히 ChatGPT를 사용하고 있습니다. 사용해 본 결과, ChatGPT는 개발뿐만이 아니라 다양한 영역에서 아주 요긴하게 활용할 수 있는 훌륭한 도구라는 생각이 들었습니다. 😀 하지만, 순식간에 코드를 작성해 주는 편리함과 동시에 개발자를 포함한 많은 직업들이 대체되는 것은 아니냐 하는 불안의 목소리도 여전히 공존합니다. 이번 포스팅에서는 개발자들이 AI에 대해 어떤 생각을 가지고 있는지 Stack Overflow Developer Survey 2023를 통해서 알아보겠습니다. 📝AI에 대한 개발자들의 인식 https://stackoverflow.co/labs/developer-sentiment-ai-ml/ Develop..

환경 변수란 운영체제(OS) 수준에서 설정되는 변수입니다. 주로 애플리케이션에서 설정하기 어려운 값들을 환경 변수로 관리합니다. 환경 변수를 이용하면 애플리케이션에서 코드를 수정하지 않고도 개발, 테스트, 운영 등 배포 환경에 따라 값을 유연하게 변경할 수 있어서 이식성과 유지 보수성 측면에서 큰 이점이 있습니다. 예를 들면, 서버에서 중요한 키나 비밀 정보를 숨기기 위해 사용합니다. AWS를 이용하기 위한 시크릿 키가 노출되면 안 되겠죠? 또한, Git hub에 올라가서도 안됩니다. 따라서 환경 변수를 사용합니다. 😀 📝환경변수 생성 ✔ GUI 방법과 cmd 방법 2가지가 있습니다. ⦁ cmd를 사용하는 방법 //window set 변수명=값 //mac, rinux export 변수명=값 ⦁ GUI를 ..

Postman은 API 개발 및 테스트를 위한 협업 도구입니다. 웹 개발할 때 유용하게 사용할 수 있습니다. 백엔드 코드 작성하고, 굳이 프론트에서 요청 코드 작성해서 테스트하지 않아도 되서 편리합니다. 😀 API 테스트뿐만 아니라 디버깅, 문서화도 할 수 있다고 하네요. 무료 및 유료 버전이 있습니다. 사용방법을 알아보겠습니다. 😎 📝포스트맨 가입 및 요청 생성 https://www.postman.com/ Postman API Platform | Sign Up for Free Postman is an API platform for building and using APIs. Postman simplifies each step of the API lifecycle and streamlines collab..

이런 식으로 주피터 노트북에서 작업한 내용을 티스토리 블로그에 깔끔하게 올릴 수 있는 방법이 있습니다. 함께 알아봅시다. 😀 📝 HTML 알아내기 ✔ 일단 작업한 주피터 노트북의 HTML을 얻어야 합니다. ⦁ 주피터 노트북의 Print Preview 기능 사용 ✔ 주피터 노트북에서 File -> Print Preview 기능을 사용하면 새로운 HTML 웹 페이지가 열립니다. ⦁ VSCode에서 html 내보내기 기능 사용 ✔ VSCode에서 주피터 노트북을 사용하면 우측 상단에 그림과 같이 내보내기를 클릭합니다. 이후 HTML로 내보내기를 선택하면 HTML 파일이 생성됩니다. 📝 HTML 복사 & 붙여넣기 ⦁ 페이지 소스보기 ✔ HTML파일을 열거나 웹 페이지에 접속한 후, Ctrl+U를 누르면 페이지의..