IT 공부 블로그

참조 : https://wedul.site/431, Spring Boot에서 src/main/resource 파일 접근 방법 및 주의사항. Spring Boot를 이용해서 빠르게 프로젝트를 제작해야 할일이 있어서 작업을 하던 도중에 src/main/resource 위치에 파일에 접근이 필요했다. 그래서 ClassLoader를 사용해서 resource를 획득한 후 해당 경로를 wedul.site https://ecsimsw.tistory.com/entry/Spring-%EC%A0%95%EC%A0%81-%EB%A6%AC%EC%86%8C%EC%8A%A4-%EC%82%AC%EC%9A%A9-%ED%8C%8C%EC%9D%BC-%EC%97%85%EB%A1%9C%EB%93%9C Spring Boot / 정적 리소스 사..

1. 인텔리제이 설정 창에서 Build project automatically 체크 2. Ctrl + Alt + Shift + / 키를 눌러 registry 선택 ( Mac 일경우 option + command + shift ) 3. compiler.automake.allow.when.app.running 옵션 체크 위 방법까지 했는데 안될경우 1. build.gradle 파일 dependencies에 해당 코드 추가 dependencies { compile('org.springframework.boot:spring-boot-devtools') } 2. gradle 빌드 진행 3. application.yml 파일에 해당 코드를 추가 spring: devtools: livereload: enabled: ..

참고 : https://developer.mozilla.org/ko/docs/Web/CSS/Using_CSS_custom_properties 사용자 지정 CSS 속성 사용하기 (변수) - CSS: Cascading Style Sheets | MDN 사용자 지정 속성(CSS 변수, 종속 변수)은 CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담습니다. 사용자 지정 속성은 전용 표기법을 사용해 정의하고, (--main-color: black;) developer.mozilla.org 사용방법은 사용자 지정속성을 표시하는 : 을 앞에 붙여서 사용 가능 :root{ --base: yellow; --spacing: 10px; --blur: 10; } 선언한 변수에 --로 다 시작되는데 왜..

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/Arrow_functions 화살표 함수 - JavaScript | MDN 화살표 함수 표현(arrow function expression)은 function 표현에 비해 구문이 짧고 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다. 화살표 함수는 항상 익명입니다. 이 함수 표현은 메 developer.mozilla.org element.addEventListener('input', () => { console.log('this: ', this); }); element.addEventListener('input', fu..

참고 : https://kingji8life.tistory.com/133 [CSS] 이미지 중심점 바꿔서 회전 시키기 (transform:rotate, transform-origin) 선택자 {transform:rotate(회전값)} : 이미지나 박스에 한하여 회전값 주기. (회전값 단위=deg) 선택자 {transform-origin:중심점 위치 설정} : 회전 시, 회전 축 설정. left, right, top, bottom, center 설.. kingji8life.tistory.com transform-origin: right; transform: rotate(40deg); transform-origin으로 회전 중심점을 선택하여 회전 시킬수있음

참고 : https://hianna.tistory.com/469 [Javascript] class 추가/변경/삭제/읽기 (className, classList) class 이름 읽기 class 추가/수정 class 삭제 class toggle 특정 클래스 이름이 class 속성에 포함되는지 확인하기 1. class 이름 읽기 예제 1. className function handleOnClick() { alert(document.getElementB.. hianna.tistory.com class 추가 element.classList.add('test'); class 삭제 element.classList.remove('test');

document.querySelector('div[data-key]'); document.querySelector('div[data-key='65']');

console.log('A'.charCodeAt(0));