본문 바로가기

분류 전체보기212

Spring Boot with Mybatis : 스프링부트 Mybatis 설정 (요약) #1 Dependency 추가해주자 (case. 신규 프로젝트)-  만약 사용하여 신규 프로젝트를 만든 다면 - 아래 이미지처럼 파란 박스  Dependecy 추가   #1 Dependency 추가해주자 (case. 진행 중인 프로젝트) ※ 버전은 각자 프로젝트 개발환경 (spring boot 버전) 에 따라 달라진다.- Gradle 의 경우 : build.gradle 에 추가 및 수정dependencies { implementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter:3.0.3' testImplementation 'org.mybatis.spring.boot:mybatis-spring-boot-starter-test:3.0.3'} - mave.. 2024. 8. 31.
Spring Boot with Mybatis : 스프링부트 Mybatis 설정 + User CRUD (FULL 버전) -해당 게시물은 실제 CRUD 까지 적용하는 것을 기록한 게시물로- mybatis 에 대한 설정만 간략하게 보고싶다면https://letsdodev.tistory.com/200 Spring Boot with Mybatis : 스프링부트 Mybatis 설정 (요약)#1 Dependency 추가해주자 (case. 신규 프로젝트)-  만약 사용하여 신규 프로젝트를 만든 다면 - 아래 이미지처럼 파란 박스  Dependecy 추가   #1 Dependency 추가해주자 (case. 진행 중인 프로젝트) ※ 버letsdodev.tistory.com- 위 게시물로 확인하자 오늘은 스프링 부트와 mybatis 설정을 진행하고 테스트할 것이다.- 스프링 이니셜라이저로 다음과 같이 프로젝트 생성-  CRUD 테스트할 테.. 2024. 8. 31.
리액트(react) - 자식 컴포넌트에서 부모 컴포넌트 state 변경 지인한테 설명해주려고 뚝딱 대충 만든 메모장과 코드ㅎㅎ 왠지 올려놓으면 좋을 거 같아서 기록 2024. 8. 20.
redux, react-redux (리덕스 실습) : 다크모드 / 일반모드 오늘 실습할 내용redux, react-redux 로 App.js 에 간단한 다크모드, 일반모드 기능을 구현해볼 것이다. - 프로젝트 경로 : C:\react_redux- react - app 명 : darkmode- Node 버전 : 20. 10. 0- IDE : 인텔리제이 - 경로 - 1-리액트 앱,  2-리덕스,  3-리액트-리덕스 이 3가지만 설치할 예정- 1-인텔리제이 터미널로 리액트 프로젝트 설치npx create-react-app darkmode - 제대로 설치되었는지 npm start 로 테스트npm start정상동작 확인했으면 control + c -> y 로 진행 중인 프로젝트 종료시키고 남은 라이브러리 마저 설치 - 2-리덕스(redux) 설치npm install --save redu.. 2024. 8. 10.
[토이프로젝트-프론트(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.