이번에도 한코딩님의 유튜브 강의를 들으며 도움받았습니다! 스프링부트와 리액트를 같이 공부하고 싶었는데 좋은 강의 감사합니다,,,🥰 ✅React.js 란? 자바스크립트 라이브러리 SPA(Single Page Application) 한 페이지에서 모든 요소를 불러와서 동작->페이지 이동X 🤍인텔리제이(IntelliJ) 스프링부트 환경에서 리액트 설치하기 1. 프로젝트 생성 2. 의존성은 일단 Spring Web, Lombok, MySQL Driver 3가지만 추가해 준다. 3. 프로젝트 생성 후 ExamApplication을 실행하면 당연히 만들어놓은 페이지가 없기 때문에 아래와 같은 페이지가 뜸. 4. 이제 리액트를 설치해 준다. cd src/main//main 디렉토리로 이동 npx create-reac..

학원 수료 후 취업 전까지 스프링부트 미니 프로젝트를 하나 더 해보기로 했다. 프로젝트 시작에 앞서 스프링부트와 좀 더 친해지기 위해(??) 유튜브 스프링부트 무작정 따라하기 영상을 보고 게시판을 만들어보려고 한다. 역시 모든 웹 개발의 기초는,,,게시판이지,,😎 🤍인텔리제이 프로젝트 생성 1. Gradle 프로젝트 생성 2. ArtifactId는 board로 지어준다. 3. 의존성 추가 -- 이번에는 타임리프, MySQL을 사용할 거라서 아래와 같이 추가해 주었다. dependencies { implementation('org.springframework.boot:spring-boot-starter-web') implementation('org.springframework.boot:spring-boot..

🤍RDS 웹 서비스의 백엔드에서 코드 작성만큼 중요한 것이 데이터베이스를 다루는 일임. RDS는 앞서 구축해둔 AWS에서 지원하는 클라우드 기반 관계형 데이터베이스이다. 🤍RDS 인스턴스 생성하기 AWS 검색창에 RDS를 입력한 다음 RDS 대시보드에서 [데이터베이스 생성] 버튼을 클릭한다. MariaDB(이유 : 가격, Amazon Aurora 교체 용이성) / 표준 생성 선택 템플릿은 프리티어(무료)로 선택!! ✅상세 설정 할당된 스토리지 : 20 으로 DB 인스턴스 식별자 지어주고 마스터 사용자 이름&암호 이건 따로 메모해두거나 꼭 기억해야 함! 퍼블릭 엑세스 가능 : 예 조금 기다리면 생성이 완료됨. ✅파라미터 설정 파라미터 그룹 생성 버튼 클릭, 앞에서 생성한 Maria DB와 같은 버전으로 맞..

🔍스프링 시큐리티와 스프링 시큐리티 Oauth2 클라이언트? 많은 서비스에서 구글, 페이스북 등 소셜 로그인 기능을 사용하는 추세. 그 이유는 직접 구현하는 것보다 OAuth를 써서 구현하는 것이 더 간단하기 때문이다. 로그인 시 보안, 비밀번호 변경&찾기 등등 모든 서비스를 소셜 서비스에 맡기고 그외의 개발에 집중할 수 있다. 🤍구글 서비스 등록 1. 구글 서비스 등록 구글 클라우드 플랫폼 으로 이동해서 프로젝트를 만든다. API 및 서비스로 이동해서 사용자 인증 정보를 만든다. 먼저 동의화면을 구성해준 다음 OAuth 클라이언트 ID를 만들어준다. 스프링 부트2 버전의 시큐리티에서는 기본적으로 {도메인}/login/oauth2/code/{소셜서비스코드} 리다이렉트 URL을 지원하고 있다. 사용자가 별..

6개월간의 국비학원 과정이 마무리를 향해 달려가고 있다... 이제 수료까지 약 2주가 남아서 학원 스터디원들과 남은 기간동안 취업에 필수이고 학원에서 배우지 못했던 스프링 부트를 독학하기로 했다! 우리가 스프링 부트(SpringBoot)를 공부하기 위해 선택한 책은 📚스프링부트와 aws로 혼자 구현하는 웹서비스📖 이다!! 선택 이유 : 스프링부트 책추천으로 언급되는 책이 몇 권 있는데 그중에서 이 책은 두께가 얇은 편이라 우리가 정한 공부기간에 알맞다는 생각이 들었다! 🤍스프링부트와 aws로 혼자 구현하는 웹서비스 1강 개발환경 설정 먼저 인텔리제이를 실행하고 Gradle을 선택해 프로젝트를 만들어준다. 다음으로 스프링부트 프로젝트로 변경하기 위해 build.gradle 파일에 라이브러리를 추가해준다. ..