DEV
-
React Javascript 키 입력 이벤트 "onKeyPress is deprecated..." onKeyDown, onKeyUp을 쓰자.DEV/react 2024. 2. 16. 10:51
Javascript나 React에서 현 시점에서 onKeyPress를 쓰면 onKeyPress 와 같이 표출되면서 "onKeyPress is deprecated" 경고문이 발생한다. "나중에 지원 안할꺼니까 쓰지 마셈" 경고문이다. (사실 아직은 좀 많이 남았지만...) 아무튼 당장 사용에 문제는 없지만 onKeyDown이나 onKeyUp와 같은 이벤트를 사용하여 작성하자. // ...생략 const enterKeyEvent = (e) => { if(e.key === 'Enter') { // ... 이벤트 동작 } } // (React input)...생략 onKeyDown={enterKeyEvent}
-
Spring boot + React 시작하기 3 (로그인 및 회원가입, 회원 관리 만들기) - 로그인 + 토큰생성DEV/spring 2024. 2. 13. 14:23
1. Spring boot + React 시작하기 1 (로그인 및 회원가입, 회원 관리 만들기) - 기본설정 https://seokbong.tistory.com/246 Spring boot + React 시작하기 1 (로그인 및 회원가입, 회원 관리 만들기) - 기본설정 연습용 프로젝트를 생성하면서 Sample로 진행 내역을 남겨봄 연습용 프로젝트는 Spring boot + React로 로그인 / 회원가입 및 회원관리 페이지를 만들어 보려고 한다. 개발 환경은 M1 Mac Os, Spring boot, Reac seokbong.tistory.com 2. Spring boot + React 시작하기 2 (로그인 및 회원가입, 회원 관리 만들기) - 회원 가입 https://seokbong.tistory.c..
-
Spring boot + React 시작하기 2 (로그인 및 회원가입, 회원 관리 만들기) - 회원 가입DEV/spring 2024. 2. 6. 17:04
1. Spring boot + React 시작하기 1 (로그인 및 회원가입, 회원 관리 만들기) - 기본설정 https://seokbong.tistory.com/246 Spring boot + React 시작하기 1 (로그인 및 회원가입, 회원 관리 만들기) 연습용 프로젝트를 생성하면서 Sample로 진행 내역을 남겨봄 연습용 프로젝트는 Spring boot + React로 로그인 / 회원가입 및 회원관리 페이지를 만들어 보려고 한다. 개발 환경은 M1 Mac Os, Spring boot, Reac seokbong.tistory.com 본 게시물의 흐름도 : DTO 작성(SignUpDto, ResponseDto 등등…) > Controller 작성(AuthController) > Postman으로 작동 ..
-
Spring boot + React 시작하기 1 (로그인 및 회원가입, 회원 관리 만들기) - 기본설정DEV/spring 2024. 2. 1. 14:19
연습용 프로젝트를 생성하면서 Sample로 진행 내역을 남겨봄 연습용 프로젝트는 Spring boot + React로 로그인 / 회원가입 및 회원관리 페이지를 만들어 보려고 한다. 개발 환경은 M1 Mac Os, Spring boot, React를 사용한다. 0. 시작 전 GPT한테 어떤 식으로 프로젝트 진행하면 되는지 물어봄 기초적인 지식이기도 하고... 작성자는 몰라서 물어봤지만 귀찮은 독자는 읽지 말자. 그리고 GPT라 무조건 믿으면 안됨 * Model-View-Controller (MVC) 패턴: * Model: 데이터와 비즈니스 로직을 담당하는 부분입니다. * View: 사용자 인터페이스를 담당하는 부분으로, 웹 애플리케이션에서는 HTML, JSP, Thymeleaf 등으로 구성됩니다. * Co..
-
Mysql(MariaDB) 기본 명령어(쿼리)DEV/database 2024. 1. 29. 13:27
// 1. mysql 진입 후// 1.1. 모든 데이터베이스 보기SHOW DATABASES;// 1.2.1 데이터베이스 생성CREATE DATABASE [데이터베이스명];// 1.2.2 데이버베이스 제거DROP DATABASE [데이터베이스명];// 1.3. 데이터베이스 진입(사용)USE [데이터베이스명];// IP, PORT 확인SHOW VARIABLES WHERE Variable_name IN ('hostname', 'port'); // 2. database 진입 후// 2.1. 모든 테이블 보기SHOW TABLES;// 2.2. 특정 테이블 컬럼 정보 보기 (정보 확인)SHOW COLUMNS FROM [테이블명];// 2.3. 특정 테이블 제거DROP TABLE [테이블명];// 3. datab..