본문 바로가기

분류 전체보기65

Eclipse 다운로드 및 설치 방법 노트북을 바꿔서 이클립스를 다시 설치해야한다. 설치하는 김에 다운로드 및 설치 방법을 써보려고 한다. 1. 구글 검색창에 eclipse 검색 OR 주소창에 https://www.eclipse.org/downloads/ 입력 검색창에 검색했을 경우 검색 첫번째에 보이는 Eclipse Downloads를 눌러 해당 사이트로 들어간다. 2. 해당 사이트로 들어가면 아래의 화면이 보일것이다. 이클립스 아이콘 밑에 Download Packages를 클릭한다. 3. 이클립스의 여러가지 버전이 보이는데 이클립스 사용자의 대부분은 웹 개발자가 아닐까싶다 Eclipse IDE for Enterprise Java and Web Developers 에서 본인의 OS에 맞는 다운로드를 클릭한다. 작성일자 기준 2023-12 .. 2024. 2. 14.
Spring Boot H2 Database 사용법 H2 Database 란?컴퓨터에 내장된 램(RAM)에 의존하는 자바 기반 RDBMS (In-Memory Database)램에 의존하기 때문에, 서버 재부팅 시 데이터가 초기화된다.sql 파일로 미리 작성해두면 초기화될 때마다 자동 적용되게 할 수 있다.(resource 폴더 밑에 .sql 파일 생성) 사용 방법DependencyGradledependencies { runtimeOnly 'com.h2database:h2'}Maven com.h2database h2 runtime applicationi.yml (application.properties)spring: h2: console: enabled: true # h2 콘솔 사용 path: h2-console # 접속 url .. 2023. 11. 3.
도커 설치 오류 :: Docker Desktop - Unexpected WSL error window11 노트북에 docker를 설치하고 실행시키니 해당 에러가 뜨면서an unexpected error was encountered while executing a wsl command.해당 문구로 검색하니 한글로된 결과는 없고 docker 사이트 질문이 다였다..한국에선 나만 이 에러로 고생했나보다😭팝업창에 있는 wsl --shutdown이나 컴퓨터 재부팅은 씨알도 안 먹히는 해결법이다..열심히 검색해보니 WSL2가 설치되어 있지 않아도 발생한다고 하는데..WSL2가 설치되어있지 않은 사람들은 해당 링크를 통해 설치하면 해결될 것으로 보인다.나는 WSL2 설치하고 Ubuntu까지 설치된 상태였는데도 해당 에러가 발생했다.스샷을 보면 WSL2 버전이 제대로 설치되어있는걸 확인할 수 있다..하... 2023. 10. 27.
[spring boot] h2 console Whitelabel Error Page 404 에러 application.preperties(application.yml) 파일에spring.h2.console.enabled=true해당 문구를 추가하면 해결된다고 한다.하지만 본인은 추가 후에도 동일한 에러가 발생하였다..eclipse 버전은 2022-12이고,  Spring Boot 3.2.0(M2) Java 17로 생성h2는 h2-2.2.220 버전 이용폭풍 검색해서 찾은 결과,gradledependencies { compileOnly("org.springframework.boot:spring-boot-devtools")}maven org.springframework.boot spring-boot-devtools true해당 의존성을 추가했더니 정상적으로 h2-console 페이.. 2023. 10. 16.
[JavaScript] var, let, const JavaScript 변수 선언 키워드인 var와 ES6에 추가된 let, const의 차이에 대해 알아보았다.varES6 이전부터 사용하던 변수 선언 키워드재선언이 가능하다.var name='Tom';console.log(name); // Tomname='and';var name='Jerry';console.log(name); // 에러 발생하지 않고 Jerry 출력호이스팅(변수 선언문이 어디에 있든, 먼저 찾아내서 위로 끌어올려 실행)된다.console.log(test); // 에러 발생하지 않고 undefined 출력var test;console.log(test); // undefined함수 범위 밖에서 선언 시 전역 변수로 동작한다.var language = 'kor';if(true) { va.. 2022. 2. 28.
[Eclipse] 이클립스 아이콘 크기 조절 해상도가 높은 모니터에서 이클립스를 실행하면 아이콘 크기가 진짜 너무너무 작게 보인다... 내가 여기서 나이를 좀 더 먹으면 아이콘을 못 알아봐서 클릭도 못 할 것같다.. 인간적으로 너무 작은거 아니냐고 검색해보니 eclipse.ini 파일에 옵션을 추가해주면 아이콘 크기를 조절할 수 있다고한다. 해서 반영해보니 아이콘 크기가 좀 마음에 드는 사이즈로 바뀌었다. eclipse.ini 파일에 아래 옵션을 추가해주고 이클립스를 재실행하면 된다. -Dswt.enable.autoScale=true -Dswt.autoScale=200 -Dswt.autoScale.method=nearest Dswt.autoScale 값을 변경해서 원하는 아이콘 사이즈를 찾으면 될 것 같다. [참고] https://dev.re.kr.. 2022. 2. 25.
vscode 확장 프로그램 추천 :: Live Server vscode에는 현재 작성중인 소스를 쉽게 확인할 수 있는 Live Server라는 확장 프로그램을 제공한다. 매우매우 좋다! 소스 수정 후 톰캣 같은 웹서버를 동작시킬 필요도 없이 라이브서버 하나로 바로 확인이 가능하기 때문이다. vscode 윈도우 기준 Ctrl+Shift+X 확장 프로그램 마켓 플레이스를 열어준 후 live server를 검색한다. 최상단에 검색된 항목으로 설치해주면 끝난다. 구동하고자 하는 소스 마우스 오른쪽 클릭 후 Open with Live Server를 눌러주면 바로 실행된다! Alt+L+O 키를 눌러서 실행해주고 Alt+L+C키를 눌러서 종료도 가능하다. 소스를 빠르게 확인 가능하다 정말 유용한 확장 툴인것 같다. 만약 기본 브라우저랑 라이브서버 구동 시 실행되는 브라우저를.. 2022. 2. 24.
vscode 확장 프로그램 아이콘 테마 추천 :: Material Icon Theme 테마에 이어 아이콘 테마도 추가로 설치해보았다.사실 아이콘 테마는 굳이 설치를 안해도 되지만~ 보는 맛이 또 있으니.. 설치해보았다.왼쪽 explorer 파일들을 보면 기본적으로 아이콘들이 설정되어 있긴하다. 윈도우 기준 Ctrl+Shift+X 키를 눌러 확장 프로그램 마켓플레이스를 열고Material Icon Theme 입력 후 검색하면 최상단에 조회가 된다.설치 후 우측 하단에 Activate 알림 창이 뜨는데 활성화를 시켜주면 반영된다. 왼쪽 explorer 파일의 아이콘들이 변경되었다.Ctrl+Shift+P를 눌러 command 창을 열어준 후 material icons라고 검색하면컬러나 투명도 등을 커스터마이징 할 수 있는것 같다.하지만 나는 기본 설정을 사용하기로 했다. 2022. 2. 23.
[JavaScript] for 문, for in 문, for of 문 Javascript에서 사용하는 for문 정리for문가장 기본적인 반복문으로 자바스크립트뿐 아니라 다른 언어에서도 똑같다고 볼 수 있다.for ([initialization]; [condition]; [final-expression]) { ... }initialization :: 초기화할 변수. var로 선언할 경우 반복문 밖에서도 사용가능하며 for문에서만 사용할 경우 let으로 선언condition :: 반복문을 수행할 초기화된 변수의 조건final-expression :: 반복문 수행 후 수행할 조건해당 항목들은 필수사항이 아닌 선택사항으로 생략 가능// initialization 생략let i = 0;for(; i7) break;}// final-expression 생략for(let i=0; i .. 2022. 2. 23.
vscode 확장 프로그램 테마 추천 :: Night Owl vscode를 다시 설치하고 추천받은 테마로 변경해 보았다. 테마 중에선 나름 인기가 많은 테마인것 같다 먼저 테마 적용 전의 vscode 기본 테마이다. 다크모드라 그런지 나쁘진않다. 윈도우 기준 Ctrl+Shift+X 눌러서 확장 프로그램 마켓플레이스를 켜준 후 Night Owl을 검색하면 최상단에 보인다. night owl 테마 적용 후의 vscode이다. 배경이 일단 퍼런색으로 바뀌었고, 그래서 그런지 모르겠지만 소스코드가 뭔가 눈에 확 들어온다. 2022. 2. 22.