어제 오늘 내일

1. pom.xml(maven인 경우) 또는 build.gradle (gradle인 경우) 파일 확인하기plugins { id 'org.springframework.boot' version '3.2.0' // 스프링부트 버전 } org.springframework.boot spring-boot-starter-parent 3.2.0 2. Project Structure 확인하기 (IntelliJ)File > Project Structure > Project Settings > Modules > main > Dependencies 프로젝트 스트럭처의 Dependencies 목록에서 Spring Boot 라이브러리의 버전을 확인할 수 있습니다. 3...

버튼을 클릭했을 때, Javascript를 이용하여 div 영역을 보여주거나 숨기는 예제입니다. 1. display 클릭하세요 #my-div { width: 100px; height: 100px; background-color: blue; } function btnClick() { const mydiv = document.getElementById('my-div'); if(mydiv.style.display === 'none') { mydiv.style.display = 'block'; }else { mydiv.style.display = 'none'; } } HTML 버튼 클릭 시, 호출할 함수를 연결합니다. JAVASCRIPT document.getElementById('my-div'); 보이기, 숨..

Javascript에서 오늘 날짜를 구하고, yyyymmdd 또는 yyyy-mm-dd 형식으로 출력하는 방법입니다. 먼저, 오늘 날짜를 구하는 방법은 지난 포스팅을 참조하세요. [Javascript] 현재 날짜, 시간 구하기 [Javascript] 현재 날짜, 시간 구하기 JavaScript에서 현재 날짜와 시간을 구하는 방법을 알아보도록 하겠습니다. 현재 날짜 구하기 See the Pen CurrentDate by anna (@hianna) on CodePen. new Date()는 현재 날짜와 시간을 가지는 객체를 리턴합니다. 현 hianna.tistory.com 오늘 날짜 yyyymmdd, yyyy-mm-dd 패턴으로 출력하기 // 오늘 날짜 const today = new Date(); // 년도..

jQuery의 메소드를 사용하여, div 요소를 숨기거나 보여줄 수 있고, 토글처리(숨겼다 보였다 반복) 할 수 있습니다. 1. show(), hide(), toggle() 2. slideDown(), slideUp(), slideToggle() 3. 천천히 숨기기, 보이기, 토글하기 1. show(), hide(), toggle() show() : 요소를 보여줍니다. hide() : 요소를 숨깁니다. toggle() : 실행 할 때마다, 요소 숨김/보여줌을 반복합니다. 보이기 숨기기 토글 #my-div { width: 100px; height: 100px; background-color: purple; margin: 5px; } // 보이기 $('#show-btn').click(function() { ..

jQuery에서는 val() 함수를 사용하여 input의 값을 초기화할 수 있습니다. val() 함수로 input value 초기화하기 val() 함수는 jQuery에서 주로 다양한 입력 요소의 값을 가져오거나 설정할 때 사용됩니다. 초기화 $('#mybtn').click(function() { $('#myinput').val(""); }) 위 예제의 input 입력란에 텍스트를 입력하고, '초기화' 버튼을 클릭하면, input 입력란이 공백으로 초기화됩니다. $('#myinput').val(""); input 요소를 선택하고, val() 함수를 이용하여 초기값을 설정하였습니다.

docker-compose up 명령어를 실행하던 중 다음과 같은 오류가 발생하였다. Error response from daemon: user declined directory sharing C:\...... 해결 방법 Docker File Sharing 설정 Docker Desktop > Settings > Resources > File sharing 에러 메세지에 나타난 경로를 추가한 후, Docker Desktop을 재시작한다. 또는, 에러가 날때, 아래와 같은 메세지가 나올경우, 'Share it' 버튼을 클릭해도 된다.

jQuery를 이용하여 특정 id가 존재하는지 확인하기 위해 length 속성을 사용할 수 있습니다. id 존재 여부 확인하기 : length Hello const myDivSize = $('#myDiv').length; // 1 const myDiv2Size = $('#myDiv2').length; // 0 document.write(' myDiv length : ' + myDivSize); document.write(' myDiv2 length : ' + myDiv2Size); $('#myDiv') 존재하는지 확인하려고 하는 요소를 id로 선택합니다. .length length 속성은 선택한 요소가 선택된 개수를 리턴합니다. 따라서, 만약 선택된 요소가 없으면 0을 리턴하고, 선택된 요소가 있으면 양..

지난번에는 jQuery를 이용하여 div의 높이와 너비를 읽어오는 방법을 알아보았습니다. [jQuery] div 높이 너비 구하기 (height(), width()) div의 높이, 너비 변경하기 div의 높이와 너비를 구할 때와 마찬가지로 다음 두 함수를 사용할 수 있습니다. height() width() 위 두 함수를 사용하면 픽셀 단위로 요소의 높이, 너비를 지정할 수 있습니다. Hello #myDiv { background-color: yellow; } $('#myDiv').height(200); $('#myDiv').width(200); $('#myDiv').height(200); $('#myDiv').width(200); height()와 width() 함수의 파라미터로 div의 높이와 너비를..

jquery를 사용하서 선택한 div의 높이와 너비를 구하는 방법입니다. 높이와 너비 구하기 height() width() Hello const height = $('#myDiv').height(); const width = $('#myDiv').width(); document.write(" 높이 : " + height) document.write(" 너비 : " + width) $('#myDiv').height(); $('#myDiv')로 div를 선택한 후, height() 함수를 사용하여 div의 높이를 구했습니다. $('#myDiv').width(); $('#myDiv')로 div를 선택한 후, width() 함수를 사용하여 div의 너비를 구했습니다.

지난번에는 div 안에 text를 추가하는 방법을 알아보았습니다. [jQuery] div 안의 텍스트 변경 text(), html() 이번에는 div 안의 텍스트를 읽어오는 방법입니다. text() 텍스트를 추가할 때와 마찬가지로 텍스트를 읽어올 때도, text() 메소드를 사용할 수 있습니다. 이번에는 파라미터를 전달하지 않고 호출합니다. Hello // Hello const value = $('#myDiv').text(); document.write(" 읽어온 값 : " + value) $('#myDiv').text() id가 myDiv인 div를 선택하고, text() 메소드를 사용하여 div의 텍스트를 읽어옵니다.