본문 바로가기

전체 글30

[Node.js] 버전 중요성 내가 사용하고 싶은 Template 을 적용하던 중 템플릿에 적용된 모든 pakage.json 내용을 한줄 한줄 체크하면서 적용하고 npm install을 실행해 필요한 의존성을 모두 다운받으려 했는데 자꾸 충돌이 일어나는 것이었다..C:\Users\----\OneDrive\Desktop\ProjectCollection\src\main\frontwst>npm installnpm warn deprecated osenv@0.1.5: This package is no longer supported.npm warn deprecated source-map-url@0.4.1: See https://github.com/lydell/source-map-url#deprecatednpm warn deprecated npm.. 2024. 6. 12.
[Front-end] 모듈 번들 themewagon에서 템플릿을 찾아보다가 맘에드는 템플릿을 발견했다 tailwindcss 템플릿이었는데 마침 저번에 혼자 React,Tailwindcss 를 사용해서 쇼핑몰 메인 홈페이지 클론코딩을 해봤던 경험이 있기에 당당하게 다운로드했다.생각보다 템플릿을 적용하는게 쉽지가 않다... 정보도 몇개 없는거 같고.. 그리고 tailwindcss 만 받으면 될 줄 알았는데 gulpfile.js 라는 파일이 있어서 검색해봤더니 자동화를 도와주는 친구라는데... 사용해보려고 공부했다.  일단 gulp는 bundler의 일종이라 이것에 대해서 공부해야했다번들러는 여러개의 파일을 묶어주는 도구인데 Webpack의 기능은 하나의 자바스크립트 파일에 자바스크립트 뿐만 아니라 css, 이미지와 같은 여러가지 모듈들을 .. 2024. 6. 9.
[gradle.kts]Spring Boot & React 연동 에러 이제 백엔드 세팅이 끝났으니 프론트 세팅도 시작해봤다. 일단 유투브에있는 강의영상을 보면서 시도해봤다. 밑에 코드는 강의하신 분 블로그에 있는 코드이다. 일단 설치는 쉽게 완료했고 pakage.json 파일에 proxy : localhost8080 등록도 완료해놨다. 그리고 나서 build.gradle.kts 에 밑에 코드를 붙여넣으면 되는데 문제는 내 프로젝트 세팅은 gradle이 아닌 gradle.kts이다.. 당연히 밑에 코드를 붙여 넣었는데 되지 않았다def frontendDir = "$projectDir/src/main/reactfront"sourceSets { main { resources { srcDirs = ["$projectDir/src/main/resources"] .. 2024. 6. 7.
[Back-End] JPA 개념정리 어제 일단 JPA를 사용해보고자 해서 일단 사용해보자라는 마인드로 사용해 테스트까지 완료하였는데 생각해보니 내가 JPA가 뭔지 알생각은 없었던 것 같다 그래서 JPA에 대해서 개념정리해보는 시간을 갖으려고 글을 쓴다. JPA1. JPA는 라이브러리도 아니고 스프링에서 제공하는 것도 아닌 JAVA에서 제공하는 API이다.2. 자바 어플리케이션에서 관계형 데이터베이스를 사용하는 방식을 정의한 인터페이스이다.3. ORM을 사용하기 위해 만든 인터페이스4. SQL을 매핑하는 것이 아닌 자바 클래스와 DB테이블을 매핑하는 것이다.5. 엔티티를 유연하게 관리할 수 있다, 간단하고 경량화된 개발을 할 수 있다.6. ORM을 사용하기 위한 인터페이스를 모아둔 것이며, JPA를 사용하기 위해서는  JPA를 구현한 Hib.. 2024. 6. 7.

티스토리툴바