프로그래밍 (79) 썸네일형 리스트형 VS Code에서 리액트를 쓸 때 확장 프로그램 마켓플레이스에서 다운받아야 할 것들 오늘은 VS Code 안에서 리액트를 이용 할 때 마켓플레이스에서 다운받아야 할 툴들에 대해서 적어보겠다. 오늘부터 리액트를 제대로 공부하고자 하여 VS코드를 오랜만에 열어서 작업하였다. 1. Babel ES6/ES7 바벨은 무엇인가? 자바스크림트 컴파일러라도고 불리는데 자바스크립트 트랜스파일러이다. 트랜프라일은 다른 실행 환경에서도 실행될 수 있도록 소스코드의 형태만 바꾸는 것을 의미한다. ES6, Type Script, JSX 로 만든 코드를 변환할 때 많이 이용되는데 리액트는 JSX를 이용하기 때문에 개발을 할 때 원문코드가 브라우저에서 실행이 되지 않을 수 있다. 그래서 웹팩과 바벨을 이용해서 프로젝트를 빌드한다. 2. Beautify 포매터, 코드를 정리해준다. Prettier 보다 좀 더 사용.. spring boot JPA H2 설정할 때 appplication.properties 설정과 도메일 패키지내 테이블 설정 1. 먼저 application.properties 설정 1 2 3 4 5 6 7 spring.h2.console.path=/h2-console spring.datasource.url=jdbc:h2:mem:test spring.datasource.driverClassName=org.h2.Driver spring.datasource.username=sa spring.datasource.password= spring.h2.console.enabled=true cs 맨 위의 spring.h2.console.path=/h2-console 은 h2-console을 통해 접속한다는 것이고 밑에는 h2 h2 Console 과 똑같이 채워준다. 2. src/main/java 밑에 패키지의 밑에다가 domain 패키지를.. mac Spring boot JPA 를 이용할 때 H2 에러, 설치하기(Big Sur 업데이트 이후) 포스팅 중간 이후부터 시도권장합니다. mac 에서 spring boot + react 프로젝트를 하려고 하는데 http://localhost:8080/h2-console 에서 연결을 하려고 하면 밑에처럼 에러가 뜬다. 왜 그런지 봤는데 H2 를 설치를 안해서 그렇다고 한다. 우선 그래서 H2 설치하는 방법을 알아봤다. 밑에처럼 H2 홈페이지에 가서 다운을 받으면 된다고 한다. 다운을 우선 받았는데 다운 받는 것보다는 터미널에서 $ brew install h2 이것만 하면 된다고 나온다. 그래서 해봤는데 Your CLT does not support macOS 11 에러가 난다. 원인은 아무래도 Big Sur 업데이트 같다. 스택오버플로우에 검색을 하니 xcode를 다시 받으라고 나온다. apple.stackexchange.com/questi.. Mac Big Sur 업데이트 이후 sts 눌렀는데 failed to create the Java Virtual Machine 될 때 얼마전에 맥 Big Sur 업데이트를 했고 오늘 오랜만에 스프링 부트를 쓰려고 눌렀는데 갑자기 이런게 떴다. 휴.. 놀란 가슴을 진정시키고 구글에 쳐봤다. 첫번째 시도 먼저 맥 사과 로고-시스템환경설정-자바에 들어갔다. 하지만 자바 환경설정이 열리지 않았다. 그래서 또 구글에 쳐본다. 자바 제어판이 열리지 않을때는 1.설정에서 언어 및 지역을 선택한다. 2. 지역을 다른 나라로 저장한다. 나는 미국으로 저장했다. 3. 다시 대한민국으로 설정한다. 4. 이제 자바를 실행시키면 제어판이 나온다. 사실 구글에서는 4번이 먼저고 3번이 나중엔데 3번, 4번 순서대로 하니 내 맥은 되었다. 혹시 이렇게 안되면 1번-2번-4번-3번 해보시면 될 것이다. 그리고 제어판에 가니 우선 자바 업데이트를 해줬다. 업데이트 .. 맥에서 Django 프로젝트 생성 프로젝트 생성하기 전에 장고 프로젝트를 배워야하는 이유 ! https://hotframeworks.com/ Web framework rankings | HotFrameworks hotframeworks.com 홈페이지에 들어가보면 현재 웹 프레임워크 랭킹에 있는 장고를 볼 수 있다. 한국에서 많이 쓰이고 있는 Java 언어의 스프링 프레임워크보다 랭킹이 높다. 파이썬 언어로 쓰는 프레임워크 중에 장고 프레임워크가 1위이다. 1. 터미널을 킨다. % cd Desktop % mkdir tutorial % cd tutorial % python3 -m venv venv % source venv/bin/activate % pip install Django 터미널에 순서대로 입력하면 데스크탑에 tutorial 이라.. thymeleaf를 쓸 때 layout dialect 이용하기 스프링 부트로 새 프로젝트를 만들면서 타임 리프를 이용하게 되었다. 기존 스프링에서는 레이아웃 관리하는 용도로 타일즈를 이용했었는데 타임리프는 어떤 것이 있나 찾아보다가 layout dialect 라는 것이 있다는 것을 알았다. 먼저 프로젝트의 pom.xml에 타임리프 메이븐을 추가하고(기존에 있었다.) layout dialect 메이븐을 추가한다. https://mvnrepository.com/artifact/nz.net.ultraq.thymeleaf/thymeleaf-layout-dialect/2.3.0 Maven Repository: nz.net.ultraq.thymeleaf » thymeleaf-layout-dialect » 2.3.0 A dialect for Thymeleaf that allow.. spring boot 프로젝트 빌드시 pom.xml 첫 줄 에러 해결 방법 1 2 3 4 3.1.1 1.8 Colored by Color Scripter cs 기존에는 두번째 줄이 없고 자바 버전만 있다. 이렇게 해당 프로퍼티를 수정해준다. spring boot devtools 추가 org.springframework.boot spring-boot-devtools spring boot devtools을 추가하면 스프링부트를 실행할 때 정지하고 다시 run as 하지 않아도 자동적으로 변경사항이 적용이 되어 편하다. 이전 1 2 3 4 5 6 7 ··· 10 다음
