본문 바로가기

Spring48

[Spring, React] 👑 VIP 초대장 만들기 💌 어디까지 했는지 확인하기. 1. 화면 고객 관리자 2. 점검하기 갑자기 경미한 수술을 받게되어 3주간 쉬었다. 중간중간 조금씩 수정은 했지만, 수술 부위 때문에 앉아있기가 힘들어서 거의 못했고 최근에 3시간 정도 한 게 다였다. 거기다가 살도 잘 안붙어서... 계속 피나고 남들보다 일주일 정도 더 치료를 받아야했다. 아무튼 이제 거의 다 나았다고 자부할 수 있다!!! 멈췄던 프로젝트를 다시 시작하기 위해 내가 해야할 게 무엇인지, 고쳐할게 뭐였는지 복기하려 한다! 프론트랑 백엔드 연결아직 백엔드랑 프론트를 연결하지 못했다. 관리자가 관리자 페이지에서 명단을 추가하거나, 수정하거나, 삭제하는 동작을 백엔드(스프링)에서 이뤄지도록 할 예정이다. 그리고 지금까지 해본 결과 Vue랑 생각보다 달라서 너무 무작정 프로젝트.. 2025. 11. 26.

[Spring, React] 👑 VIP 초대장 만들기 💌 어떻게 만들지 구상해보기. 연말을 맞이하여VIP 등급 이상 고객분들께초대장을 보내려고 한다!어떻게 만들지 구상해 보자. 1. 구상화면 - 고객고객님이 접속할 화면고객은 해당 페이지에서 미리 받은 비밀번호 4자리를 입력한다. 그러면 고객의 등급에 맞는 페이지로 이동한다. 등급은 총 3개로 되어있다. VIP, VVIP, DIAMOND 코드 성공 화면고객이 제대로 된 코드를 입력할 경우, 고객의 이름이 표시되면서 페이지로 이동한다. 코드 실패 화면코드에 실패하게 되면 코드를 다시 확인해 달라는 문구가 하단에 배치된다. - 관리자로그인 화면id에 따라 관리자의 권한이 달라진다. VIP 명단 관리 예시 명단의 개수는 30명으로 잡았으며 VIP 10명, VVIP 10명, DIAMOND 10명이 된다. 명단 추가add 버.. 2025. 10. 21.

[Spring, Vue.js] 카카오 간편 로그인 만들기④ - 사용자 정보 조회해서 닉네임 읽어오기 (REST API) [Spring, Vue.js] [Spring, Vue.js] 카카오 간편 로그인 만들기③ - Spring으로 토큰 교환하기 (REST API)[Spring, Vue.js] 카카오 간편 로그인 만들기② - Vue로 프론트엔드 작성하기 (REST API)[Spring,Vue.js] 카카오 간편 로그인 만들기 ① - 구조와 흐름 파악하고 카카오 디벨로퍼스 설정하기카카오 간편 로그post-this.tistory.com 카카오에게 토큰을 받아왔다.받아온 토큰으로 사용자의 정보를 읽어오자! 1. 화면로그인 성공 메인화면(닉네임 O) 2. 전체 코드package 여러분걸로 넣으세요 &_&import org.springframework.beans.factory.annotation.Value;im.. 2025. 9. 30.

[Spring, Vue.js] [Spring, Vue.js] 카카오 간편 로그인 만들기③ - Spring으로 토큰 교환하기 (REST API) [Spring, Vue.js] 카카오 간편 로그인 만들기② - Vue로 프론트엔드 작성하기 (REST API)[Spring,Vue.js] 카카오 간편 로그인 만들기 ① - 구조와 흐름 파악하고 카카오 디벨로퍼스 설정하기카카오 간편 로그인을 만들어보자!먼저 어떻게 만들어야하는지 구조와 흐름을 파악하고카카오post-this.tistory.com 프론트엔드까지 작성했다.이제 백엔드로 넘어와서 토큰 교환까지 만들어보자! 1. 화면로그인 성공 메인화면 (닉네임 O) 2. 전체 코드package 여러분걸로 넣으세요 &_&import org.springframework.beans.factory.annotation.Value;import org.springframework.http.*;im.. 2025. 9. 28.

[Spring, Vue.js] 카카오 간편 로그인 만들기② - Vue로 프론트엔드 작성하기 (REST API) [Spring,Vue.js] 카카오 간편 로그인 만들기 ① - 구조와 흐름 파악하고 카카오 디벨로퍼스 설정하기카카오 간편 로그인을 만들어보자!먼저 어떻게 만들어야하는지 구조와 흐름을 파악하고카카오 디벨로퍼스를 설정하자. 1. 카카오 디벨로퍼스 - 카카오 API 시작하기 Kakao Developers카카오 API를 활post-this.tistory.com 카카오 디벨로퍼스에서 필요한 건 모두 설정했다.이제 설정한 걸 토대로, 프론트를 작성해 보자! 1. 화면로그인 카카오 간편 로그인 2. 전체 코드 LoginView.vue Sign In ෆ ID .. 2025. 9. 27.

[Spring,Vue.js] 카카오 간편 로그인 만들기 ① - 구조와 흐름 파악하고 카카오 디벨로퍼스 설정하기 (REST API) 카카오 간편 로그인을 만들어보자!먼저 어떻게 만들어야하는지 구조와 흐름을 파악하고카카오 디벨로퍼스를 설정하자. 1. 카카오 디벨로퍼스 - 카카오 API 시작하기 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해 보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com - 카카오 로그인 구현하기 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을 개발해 보세요. 카카오 로그인, 메시지 보내기, 친구 API, 인공지능 API 등을 제공합니다.developers.kakao.com - 카카오 로그인 이해하기 Kakao Developers카카오 API를 활용하여 다양한 어플리케이션을.. 2025. 9. 25.

이전 1 2 3 4 ··· 8 다음

티스토리툴바