전체 글41 테이블 구조 show databases;create database happy_friday;drop database happya_friday_db;use happya_friday_db;select create database if not exists happy_friday_dbdefault character set utf8mb4default collate utf8mb4_unicode_ci;CREATE USER 'admin'@'localhost' IDENTIFIED BY 'admin1234';/*CREATE USER 'admin'@'%' IDENTIFIED BY 'admin1234';*/GRANT ALL PRIVILEGES ON *.* TO 'admin'@'%' IDENTIFIED BY 'admin1234';GRANT.. 2025. 8. 26. 로그인한 정보를 vue에 보관했다가 필요할 때 사용하려면 어떻게 해? Vue.js에서 로그인한 사용자 정보를 전역적으로 보관하고 사용하는 여러 방법을 제공해드리겠습니다. Vue 3에서는 **Pinia**, **Composables**, **provide/inject** 등을 활용할 수 있습니다.## 방법 1: Pinia 상태 관리 (권장)### 1. Pinia 설치 및 설정```bashnpm install pinia```**main.js**```javascriptimport { createApp } from 'vue'import { createPinia } from 'pinia'import App from './App.vue'import router from './router'import axios from 'axios'const app = createApp(App)con.. 2025. 8. 20. 로그인이 안되어 있을경우 로그인 화면이 보여지도록 vue3 코드를 만들어줘 Vue 3에서 로그인 상태에 따라 로그인 화면과 메인 화면을 조건부로 보여주는 코드를 만들어드리겠습니다.방법 1: App.vue에서 전역 조건부 렌더링App.vue (전역 로그인 체크) 로딩 중...import { onMounted } from 'vue'import { useAuthStore } from '@/stores/auth'import LoginView from '@/views/LoginView.vue'import NavBar from '@/components/NavBar.vue'const authStore = useAuthStore()onMounted(async () => { // 앱 시작 시 인증 상태 확인 await authStore.initializeAuth()})#app { .. 2025. 8. 20. 사용자의 프로필을 관리하는 테이블을 설계해줘 기존 JWT 로그인 시스템을 확장하여 사용자 프로필을 관리하는 포괄적인 테이블 구조를 설계해드리겠습니다.사용자 프로필 관리 테이블 설계1. 기존 Users 테이블 수정-- 기존 users 테이블 수정 (기본 인증 정보만 유지)ALTER TABLE users ADD COLUMN phone VARCHAR(20) NULL,ADD COLUMN email_verified BOOLEAN DEFAULT FALSE,ADD COLUMN phone_verified BOOLEAN DEFAULT FALSE,ADD COLUMN status ENUM('ACTIVE', 'INACTIVE', 'SUSPENDED', 'PENDING') DEFAULT 'PENDING',ADD COLUMN last_password_change TIMES.. 2025. 8. 20. 사용자 생성 기능 코드도 만들어줘 springboot 3 코드만 있으면 될 것 같아 알겠습니다. 앞서 제공했던 구조(스프링 부트 3 + 스프링 시큐리티 6 + JWT, 기존 User/Authority 엔티티, H2 또는 MariaDB 사용, PasswordEncoder, Security 설정, 컨트롤러/서비스/리포지토리 분리)를 그대로 준수하면서 “회원가입(사용자 생성)” 코드를 깨끗하게 다시 정리해 드립니다.아래 코드는 다음을 충족합니다:Spring Boot 3, Security 6 방식(Lambda DSL, jakarta.*)PasswordEncoder(BCrypt)로 비밀번호 암호화이메일 중복 검사기본 권한 ROLE_USER 자동 부여DTO 검증(@Valid)서비스 계층 트랜잭션Security에서 회원가입 엔드포인트 permitAll앞서 답변해 드린 User/Authority 구조.. 2025. 8. 20. 로그인 성공시 사용자 정보도 받는다 아래는 “로그인 시 JWT 발급과 함께 로그인한 사용자의 이름(name)과 전화번호(phone)도 프론트로 내려받는” 방법을 Spring Boot 3 + Spring Security 6 + JWT 기준으로 단계별 정리한 것입니다. 핵심은 로그인 성공 시 응답 DTO에 사용자 프로필 필드를 포함해 반환하는 것입니다.구현 목표- POST /api/authenticate 요청 시 - JWT 토큰 - email(아이디), name(이름), phone(전화번호), roles 등 사용자 정보 함께 반환- Vue 3에서는 로그인 응답으로 받은 name/phone을 상태에 저장해서 화면에서 바로 사용1) 로그인 응답 DTO 확장토큰만 내려주던 DTO를 확장해 사용자 정보도 포함합니다.TokenResponse.jav.. 2025. 8. 19. 이전 1 2 3 4 ··· 7 다음