전체 글 210

[토이프로젝트-프론트(react)] 프로젝트명 : 커뮤니티 - 업데이트 중

- 프론트 프로젝트 경로 : C:\comunity_front- node 버전 : 20. 10. 0- IDE : 인텔리제이  #1 npx create-react-app community_front- 로 프론트 프로젝트 생성- 위에 c:\community_fron\ 경로에 위 사진 처럼 node_modules 등등의 파일이 생기면 react 프로젝트 설치 완료 된 것.- 설치 완료- 경로 이동해서 npm start 리액트 프로젝트 실행- 성공-  ui, css 를 위해 (1)  reactStrap  :: 깔끔한 ui 쉽게 사용하기 위함(2) boostrap :: reactstap이 style 속성을 bootstrap에서 가져와 쓰기 때문(3) sweetalert2 :: 깔끔한 alert 창을 쉽게 사용하기 ..

react 2024.07.21

node 모듈 재 설치 하는 법

여러 협업을 하다 보면 다른 사람이 설치한 라이브러리나 모듈이 정상적으로 동작하지 않아프론트 프로젝트 전체에 에러가 발생하는 경우가 있다그런 경우 node 모듈을 재설치해야 하는데재설치하기 위한 프로세스를 간단하게 정리하겠다.  1. node_modules 폴더 삭제2. package-lock.json 삭제(위에서 진행하는 삭제는 delete 삭제 또는 터미널 명령어 삭제 중 편한 걸로 진행)3. 터미널에서 npm install 로 모듈 재 설치

react 2024.07.21

메일 API : 이메일 보내기 API - (구글, 스프링부트)

# 1 스프링 이니셜라이저를 통한 세팅앱 비밀번호가 프로젝트 내 smtp 설정에서 password로 사용될 것이다.※발급 시에만 보여지기 때문에 따로 메모장에 별도로 저장해두자 ※   # 2 build gradleplugins { id 'java' id 'org.springframework.boot' version '3.3.0' id 'io.spring.dependency-management' version '1.1.5'}group = 'com.static'version = '0.0.1-SNAPSHOT'java { sourceCompatibility = '21'}configurations { compileOnly { extendsFrom annotationProcessor }}repositories {..

API 2024.05.29

Security/OAuth2(구글로그인)/JWT(access, refresh) 발행 및 저장 -개인 복습(API) 1부

해당 게시물 목차구글 로그인 (OAuth2 로그인) + 토큰 관리일반로그인 + 이메일 인증 java : 21framework : spring bootide : intelliJbuild tool : gradleview : react(로그인까지만 thymeleaf)db : mysql 8etc : jpa (프론트는 리액트로 개발할 것이나 일단 로그인 기능까지만 thymeleaf로 테스트하며 작업할 예정) - pom.xmlplugins { id 'java' id 'org.springframework.boot' version '3.2.5' id 'io.spring.dependency-management' version '1.1.4'}group = 'com.login'version = '0.0.1-SNAPSHOT'..

API 2024.05.01

git 명령어 - #1 repository-branch/ branch/ remote/ commit/ push

# 평소에 형상관리를 GUI(Sourcetree)를 통해서만 진행했었다. # GUI를 사용하지 못 하는 환경에서 개발하는 것을 대비하기 위해 문서 작성을 시작한다. PS C:\react_example> git remote add origin https://github.com/ljbok/react_example.git --> git remote add [새브랜치명] [레퍼지토리 주소] --> 깃 레퍼지토리 추가하는 법 : origin이라는 별칭으로 추가 - 여기서 추가한 내 레퍼지토리 "하나의 상태"라고 생각하면 된다. - 내 레퍼지토리를 "origin"이라는 별칭으로 정했다고 보면 쉽다 PS C:\react_example> git remote origin --> 생성해놓은 별칭 확인하기 - 확인해보면 위..

git 연습 2024.03.31

[API] 다중 파일 업로드 & 다운로드 (Ver. Part)

[준비] IDE : 인텔리제이 java : java version "21.0.2" 2024-01-16 LTS DB : MySQL 8 View : thymeleaf (거의 사용 안 함) 기타 : PostMan , 스프링 이니셜라이저 사용 (Dependecy는 아래 build.gradle 코드 확인) build : gradle [project 구조] [ application.yml ] server: port: 8080 spring: datasource: url: "jdbc:mysql://localhost/files" username: "root" password: "각자 root 사용자 비밀번호" driver-class-name: com.mysql.cj.jdbc.Driver jpa: hibernate: dd..

API 2024.03.24