728x90 반응형 react33 폼 데이터와 함께 파일 업로드 (다중 파일 선택창 & 다중 파일 선택) 하나의 파일 선택창에서 여러 개의 파일을 선택해서 업로드하는 기능을 확장해서 여러 개의 파일 선택창에서 여러 개의 파일을 선택해서 업로드하는 기능을 구현합니다. 단일 파일 선택창에서 다중 선택한 파일 업로드 기능은 아래 내용을 참고하세요. https://myanjini.tistory.com/entry/%ED%8F%BC-%EB%8D%B0%EC%9D%B4%ED%84%B0%EC%99%80-%ED%95%A8%EA%BB%98-%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C 폼 데이터와 함께 파일 업로드 사용자 아이디, 이름, 이메일과 첨부파일을 입력받아서 서버로 전달하면, 서버는 지정된 경로에 첨부파일을 저장하고, 전달받은 값과 첨부파일 정보를 이름 : 값 형식으로 반환하는 예.. 2023. 4. 12. 카카오 로그인 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. 이전 1 2 3 4 5 6 ··· 9 다음 728x90 반응형
