728x90 반응형 개발23 카카오 로그인 MySQL, React, SpringBoot로 구현한 게시판 서비스에 카카오 로그인 기능을 추가하는 과정으로, 실습에 사용한 코드는 https://myanjini.tistory.com/entry/board-%EC%86%8C%EC%8A%A4%EC%BD%94%EB%93%9C 에서 내려받을 수 있습니다. 애플리케이션 추가 카카오 개발자 사이트(https://developers.kakao.com/)에서 애플리케이션을 추가하고, 앱 키를 확인합니다. (여기에서는 JavaScript SDK를 사용하므로, JavaScript 키를 필요로 합니다.) 플랫폼 메뉴에서 사이트 도메인을 등록하고, Redirect URI 등록 페이지에서 카카오 로그인 서비스를 활성화하고, Redirect URI 주소를 등록합니다. 동의항목 .. 2023. 4. 6. 네이버 로그인 MySQL, React, SpringBoot로 구현한 게시판 서비스에 네이버 아이디로 로그인 기능을 추가하는 과정으로, 실습에 사용한 코드는 https://myanjini.tistory.com/entry/board-%EC%86%8C%EC%8A%A4%EC%BD%94%EB%93%9C 에서 내려받을 수 있습니다. 애플리케이션 등록 네이버 개발자 사이트(https://developers.naver.com/)에서 애플리케이션을 등록하고, API를 설정합니다. 라이브러리 등록 SDK 다운로드 페이지(https://developers.naver.com/docs/login/sdks/sdks.md)에서 JavaScript용 네이버 로그인 라이브러리의 최신 버전 링크 주소를 확인합니다. index.html 파일에 앞에서 .. 2023. 4. 6. EC2 인스턴스에 React + SpringBoot + MySQL 연동 EC2 인스턴스 두 개를 생성해, 첫번째 인스턴스에는 리액트 앱과 스프링부트 REST API 서버를 배포하고, 두번째 인스턴스에는 MySQL 서버를 배포합니다. VPC 생성 VPC 서비스 페이지에서 [VPC 생성] 버튼을 클릭합니다. 생성할 리소스로 VPC만을 선택하고, VPC 이름으로 BoardVPC를 CIDR로 10.0.0.0/16을 입력합니다. 서브넷 생성 리액트 앱과 스프링부트 앱을 실행할 퍼블릭 서브넷과 MySQL 서버를 실행할 프라이빗 서브넷을 각각 생성합니다. 서브넷 화면에서 [서브넷 생성] 버튼을 클릭합니다. 서브넷 설정 화면에서 서브넷 이름, 가용영역, CIDR블록을 각각 입력, 선택합니다. PublicSubnet은 서울 리전(ap-northeast-2)의 첫번째 가용영역(ap-north.. 2023. 3. 29. 게시판 서비스를 실행하는 docker-compose.yaml 파일 제작 MySQL, SpringBoot, React 컨테이너를 각각 실행하고 연동하는 docker-compose.yaml 파일을 제작합니다. MySQL은 최초 컨테이너 실행 시 초기 데이터가 설정되도록 만들어진 이미지를 사용해 컨테이너를 실행하고, React는 깃 허브에 등록된 소스 코드를 가져와 Dockerfile을 빌드해 컨테이너를 실행합니다. 각 이미지 작성 방법은 아래 문서를 참고하세요. https://myanjini.tistory.com/entry/MySQL-%EC%BB%A8%ED%85%8C%EC%9D%B4%EB%84%88-%EC%83%9D%EC%84%B1-%EC%8B%9C-%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%B2%A0%EC%9D%B4%EC%8A%A4-%EC%8A%A4%ED%82%A.. 2023. 3. 16. 이전 1 2 3 4 5 6 다음 728x90 반응형
