Rainyjune Blog

필요 Tool (Windows 기준으로 설명하며, Mac도 크게 다르지 않음) Project 생성 작업대상 폴더에서 Terminal을 열고 npx create-react-app project_name 을 입력한다. html에 직접 react project를 구현할 수 있으나 너무 번거롭기 때문에 create-react-app 라이브러리를 사용한다. (https://create-react-app.dev/) 허가되지 않은 script... 에러가 발생하는 경우 관리자 권한으로 Powershell을 실행하고 Set-ExecutionPolicy Unrestricted를 실행하고 재시도. npx create-react-app project_name Project 열기 VS Code에서 폴더 열기를 통해 생성한 프..

HTML-CSS, JavaScript 강좌를 다 봤고.. React 공부를 시작한다. 코딩애플의 "React 리액트 기초부터 쇼핑몰 프로젝트까지!" 강좌를 들으며 기록한 내용을 블로그에 남겨둔다. Sourcecode는 Github (https://github.com/Rainyjune-Kr/ReactStudy)에 올려둔다.

View Template 웹페이지의 틀을 구성함. MVC Pattern View Template, Controller, Model을 사용해 각각의 역할을 별도로 수행함. 실습 내용 (FirstProject 실습파일 사용) View Template 구성 툴은 Mustache를 사용함. ViewTemplate 파일 위치 : src > resources > template Mustache의 변수 호출 방법 {{variable}} Controller 파일 위치 : src > main > java > mainpackage > controller package SpringBoot 2.7부터 한글 출력시 깨짐 현상 발생 시 application.properties에 server.servlet.encoding.forc..

개발 환경 AdoptOpenJDK version 8 IntelliJ IDEA SpringBoot (start.spring.io) Project 생성 (https://start.spring.io/) Project > Gradle-Groovy Language > Java SpringBoot version > 2.7.6 Artifact - firstproject Packaging > Jar Java > 8 Dependencies > Spring Web, H2 Database, Mustache, Spring Data JPA Hello World! src > main > resources > static > hello.html 작성

Youtube 홍팍 채널의 "스프링 부트, 입문!" 강좌를 보며 기록한 OneNote 내용을 옮겨놓는다. Sourcecode는 https://github.com/Rainyjune-Kr/SpringBootStudy 에 올려져있다.