vscode
-
JWT란?Tool/VSCode&Cursor 2024. 12. 13. 15:12
오랜만에 SpringBoot에서 JWT를 다시 설정하면서 용어 등 원리등을 정리해두자. 대부분이 GPT내용이긴 하지만 정리하면서 머리속에 넣자! JWT란?JWT는 JSON Web Token의 약자로, JSON 형식의 데이터를 사용하여 양측 간에 정보를 안전하게 전달하기 위한 토큰보통 인증 및 권한 부여와 같은 작업에 많이 사용 JWT구성JWT는 .으로 구분된 3개의 파트로 구성된다.header.payload.signatureex) eyJhbGUzI1NiJ9.eyJzdWIiOiJfQ.nYAjp4ZHK8 1. header (헤더)JWT의 타입과 서명 알고리즘 정보를 포함예시 (Base64로 인코딩되기 전){ "alg": "HS256", // HMAC SHA256 서명 알고리즘 "typ": "JWT" ..
-
Cursor + SpringBoot 개발설정3 + openapiTool/VSCode&Cursor 2024. 12. 13. 11:46
Springdoc이 Springfox보다 공식 문서도 잘되어 있고 꾸준히 업데이트 된다고 하여 이번에는 Springdoc로 설정하자. 개발환경 설정의존성 추가build.gradle (lombok 및 springdoc-openapi 추가)...dependencies { ... implementation 'org.springdoc:springdoc-openapi-starter-webmvc-ui:2.3.0' compileOnly 'org.projectlombok:lombok' annotationProcessor 'org.projectlombok:lombok'}... openAPI Config 파일 추가OpenApiConfigpackage com.test.spring_boot_demo.conf..
-
Cursor + SpringBoot 개발설정2Tool/VSCode&Cursor 2024. 12. 11. 13:48
지난 포스팅에 이어서 이번에는 VsCode에서 SpringBoot 프로젝트를 생성해서 실행 해 보도록 하겠다. Springboot + Gradle 프로젝트 생성Window : Ctrl + Shift + PMac : Command(⌘) + Shift(⇧) + PSpring Initializr: Create a Gradle Project...Gradle 프로젝트 생성 선택 Spring Initializr: Specify Spring boot versionSpring boot 버전 선택 Spring Initializr: Specify project language프로젝트 언어 선택 Spring Initializr: Input Group IdGroup ID는 프로젝트의 고유 식별자를 정의하기 위해 사용하며 주로..
-
Cursor + SpringBoot 개발설정1Tool/VSCode&Cursor 2024. 12. 11. 12:05
2021년 초에 설정하는 방식을 포스팅했는데 간마에 설정하려고 보다보니 많이 바뀐것 같아서 변경된 부분만 따로 정리해두자!현재는 Cursor에서 설정을 진행중이고 간단한 설정은 2021년 포스팅을 참조하면 될듯하다. 1. 테스트 프로젝트 생성프로젝트 생성Window : Ctrl + Shift + PMac : Command(⌘) + Shift(⇧) + P No build tools 프로젝트 폴더를 생성할 폴더 선택 프로젝트 폴더 이름 선택 새로생성된 프로젝트가 Cursor에서 열린다. 2. 프로젝트에 JDK 설정하기설치되어 있는 모든 JDK 확인하기$ /usr/libexec/java_home -VMatching Java Virtual Machines (2): 17.0.10 (arm64) "Amazon..
-
Cursor에서 정규식 검색 후 값 변경하기Tool/VSCode&Cursor 2024. 11. 6. 10:30
아래 조건에 해당되는 코드들은 검색해서 /v2를 넣어주려고 한다.request.download('request.get('request.post('request.put('request.patch('request.delete('request.upload('request.download(`request.get(`request.post(`request.put(`request.patch(`request.delete(`request.upload(` 1. 검색하기request\.(download|get|post|put|patch|delete|upload)\((['"`]) 2. 검색 후 치환 실행request.$1($2/v1 3. 변경 확인소스에 잘 반영되었는지 확인하고 리액트 서버를 재시작해본 후 정상적으로 변경되었..
-
ESLint와 Prettier 설정하기Tool/VSCode&Cursor 2023. 11. 17. 17:40
1. ESLint 설치 및 사용방법 1.1. ESLint 설치 $ yarn add -D \ eslint \ @typescript-eslint/eslint-plugin \ @typescript-eslint/parser \ eslint-config-airbnb \ eslint-plugin-import \ eslint-plugin-jsx-a11y \ eslint-plugin-react \ eslint-plugin-react-hooks \ eslint-plugin-sort-keys-fix \ eslint-plugin-storybook 1.2. configuration file 생성 $ yarn create @eslint/config bash를 실행하면 아래와 같이 각자의 환경에 대한 선택하는 부분이 나온다. 1..