전체 글214 [토이프로젝트-프론트(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 창을 쉽게 사용하기 .. 2024. 7. 21. node 모듈 재 설치 하는 법 여러 협업을 하다 보면 다른 사람이 설치한 라이브러리나 모듈이 정상적으로 동작하지 않아프론트 프로젝트 전체에 에러가 발생하는 경우가 있다그런 경우 node 모듈을 재설치해야 하는데재설치하기 위한 프로세스를 간단하게 정리하겠다. 1. node_modules 폴더 삭제2. package-lock.json 삭제(위에서 진행하는 삭제는 delete 삭제 또는 터미널 명령어 삭제 중 편한 걸로 진행)3. 터미널에서 npm install 로 모듈 재 설치 2024. 7. 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 {.. 2024. 5. 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'.. 2024. 5. 1. 리액트(React) Example 200 - # 081 ~ 083 react-redux 스토어 데이터 상속/사용/변경 보호되어 있는 글 입니다. 2024. 4. 24. 리액트(React) Example 200 - # 078 ~ 080 redux 스토어 활용 보호되어 있는 글 입니다. 2024. 4. 14. 이전 1 2 3 4 5 6 7 8 ··· 36 다음
