함께 알아가는 IT 정보

이제 프론트에서 버튼 만들었다고 해서 백엔드랑 프론트에서 제대로 통신을 하는가? 에 대한 확인 절차가 필요했음.그래서 하는데 좀 문제가 많았는데 내가 작성을 하면서 했던게 아니라 지금부터는 작성하면서 진행하려고함.일단 제일 큰 문제는 이거였음.백엔드와 프론트를 완전히 분리했다.내가 작성한 시큐리티 설정들은 분리된 환경을 상정하지 않고 작성했다.때문에 HTML을 반환하려 하면서 프론트에서 제대로 동작을 하지 않는다.이게 지금 문제의 결론임.그래서 성공 처리 핸들러와 실패처리 핸들러 모두 수정했고, 기존 리디렉션 로직을 아예 없앴다.또, 반환하는 데이터는 오직 JSON만 반환하도록 변경해줬음.결론은 백엔드 시큐리티 핸들러들이 단순 JSON만 반환한다는거임.@Slf4j@Componentpublic class ..

원래는 리액트랑 통신이 제대로 되는가 확인을 먼저 해보려고 했는데 그냥 팀원이 할게 없대서 구조 설명해주고 버튼 하나만 만들어놓으라고 부탁했음.그럼 나는 그냥 백엔드 로직만 만들면 되는거, 깃 허브 소셜 로그인은 어떻게 구현하는지는 깃 허브 페이지 들어가서 확인해봐야지.여기 세팅으로 들어가서, 좌측 맨 아래에 보면 Developer settings라고 있다.들어가서 OAuth Apps로 오면 생성하는거 있음.여기서 이렇게 프론트를 기준으로 설정해줬음.그럼 여기 클라이언트 아이디랑 비번 생성 가능함.생성하면 다신 볼 수 없으니 저장하라고 알려준다.여튼 이제 클라이언트 ID와 Secret을 알아냈으니 일단은 Yml 파일에서 설정해주자고, secret.yml을 만들었으니까 여기서 구글로그인 아래에 작성해주면 ..

우선 켜자마자 gitignore 설정이랑, yml파일들 분리 및 생성 했고, 필요 의존성들 죄다 추가해줌.dependencies { // Spring Boot implementation("org.springframework.boot:spring-boot-starter-data-jpa") implementation("org.springframework.boot:spring-boot-starter-security") implementation("org.springframework.boot:spring-boot-starter-web") implementation("org.jetbrains:annotations:24.0.1") // Lombok compileOnly("org..

이번엔 진짜 팀 협업처럼 제대로 구성해서 제대로 일을 하겠다고 생각을 하고 있었다.그래서 저번 팀플 처럼 백엔드와 프론트를 자동빌드해서 한꺼번에 확인하면서 개발하며 느꼈던 불편함들은, 완전히 분리된 상태에서 개발 및 운영해보기로 결심했다.그래서 react가 붙은 쪽이 프론트고, 붙지 않은 쪽이 백엔드임.지금 react 프로젝트는 아직 생성 전이라 여기서 이제 생성해주면 된다.터미널에서 해당 디렉토리로 이동해주고,npx create-react-app .로 프로젝트 생성해주자고,에러가 많이 떴는데 프로젝트는 생성 됐음. 이건 버전 때문이라 프로젝트 열어서 버전 다운해주면 해결 될거다.오케이 일단 다 재설치 완료 했고, 포트 설정까지 해줬음.배포 생각해서 미리 만들어뒀고, 이제 깃 리포지토리 새로 생성해서 프..

이제 학원 기간도 끝났고, 학원에서 마음 맞는 사람끼리 팀프로젝트를 진행해보기로 했다.그래서 이제 주제 선정할거임.주제 선정.다들 미리 생각해오기로 했었음.일단 내 의견하나는 음악을 들려주면 코드를 분석해서 알아내는 것.-> 내가 음악 전공자라 내가 작곡을 하면서 불편했던 것을 서비스로 녹여본 것.--> 여기서 확장프로그램으로 뻗자면 사용자가 웹 페이지 내에서 음악을 들으면 코드 분석을 해준다. 많이 이용하려면 웹사이트로 접속해서 구독을 해라 이런 느낌.그리고 다른 하나는 웹페이지에서 음악을 듣고 검색해주는 것, (이거 이미 있음.)윤정이 의견은 유튜브에서 외국 댓글을 필터링해서 한국 댓글만 볼 수 있게 하는 서비스.-> 이것도 타겟층이 확실하게 있을 것 같다.근데 있음... 은서는 만화를 이미지로 검색..