일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
- windows
- 자바
- 테이블
- json
- table
- js
- Visual Studio Code
- 자바스크립트
- 문자열
- Maven
- CMD
- html
- list
- javascript
- Button
- 인텔리제이
- input
- date
- IntelliJ
- 이클립스
- CSS
- Files
- ArrayList
- 이탈리아
- Eclipse
- 배열
- string
- Java
- vscode
- Array
- Today
- Total
목록분류 전체보기 (841)
어제 오늘 내일
jQuery를 이용해서 특정 class를 가지는 요소 갯수를 구하는 방법입니다. 클래스 선택자 / length const my2cnt = $('.my2').length; // 2 document.write(my2cnt); $('.my2').length $('.my2') 클래스 선택자를 이용하여 my2 클래스를 가지는 요소들을 선택합니다. length length 속성을 사용하여 위에서 선택된 요소가 몇개인지 얻어냅니다. 위 예제에서 my2 클래스를 가지는 요소는 2개입니다.
jQuery를 이용하여 클래스를 추가, 삭제하고 토글 하는 방법입니다. 클래스 추가 - addClass 안녕하세요 .bg-yellow { background-color: yellow; } $("#myDiv").addClass("bg-yellow") $("myDiv").addClass("bg-yellow"); id가 myDiv인 요소에 bg-yellow 클래스를 추하여, div의 배경색이 노란색으로 변경되었습니다. 클래스 삭제 - removeClass 안녕하세요 .bg-yellow { background-color: yellow; } $("#myDiv").removeClass("bg-yellow") $("#myDiv").removeClass("bg-yellow") 이번 예제의 html을 보면 bg-yell..
hasClass() jQuery의 hasClass() 메소드를 이용하여 특정 클래스가 존재하는지 확인할 수 있습니다. 예제 .my1 { background-color: yellow; } const hasMy1 = $('#myDiv').hasClass('my1'); // true const hasMy2 = $('#myDiv').hasClass('my2'); // true const hasMy3 = $('#myDiv').hasClass('my3'); // false const hasMy12 = $('#myDiv').hasClass('my1 my2'); // true const hasMy21 = $('#myDiv').hasClass('my2 my1'); // false const hasMy23 = $('#my..
Javascript의 숫자 앞 또는 뒤에 0을 추가하여 특정 자릿수의 문자열을 만드는 방법입니다. padStart(), padEnd() str.padStart(문자열길이 [, 채울문자]) str.padEnd(문자열길이 [, 채울문자]) padStart(), padEnd()는 문자열을 특정 길이로 패딩 하는 데 사용하는 메소드입니다. 이름에서도 알 수 있듯이, padStart()는 문자열의 앞에 '채울 문자'를 넣어서 원하는 길이의 문자열을 만들고, padEnd()는 문자열의 뒤에 '채울문자'를 넣어서 원하는 길이의 문자열을 만듭니다. const num = 1; // 00001 const str1 = num.toString().padStart(5, '0'); // 10000 const str2 = num...
이번에는 버튼을 왼쪽, 오른쪽, 가운데 정렬하는 방법을 정리해 보았습니다. 1. text-align 왼쪽 정렬 가운데 정렬 오른쪽 정렬 .left { text-align: left; } .center { text-align: center; } .right { text-align: right; } 버튼을 감싸고 있는 div 영역에 text-align 속성을 적용하여 그 안의 버튼을 정렬하였습니다. 2. flex 왼쪽 정렬 가운데 정렬 오른쪽 정렬 .container { display: flex; } .left { justify-content: flex-start; } .center { justify-content: center; } .right { justify-content: flex-end; } 버튼을..
다음 설정을 통해 인텔리제이에서 수정된 파일을 구분할 수 있도록 수정된 파일명 앞에 별표(*)가 표시되도록 할 수 있습니다. 수정된 파일에 별표 표시하기 File > Settings > Editor > General > Editor Tabls 위 메뉴로 이동한 후 'Mark modified (*)' 항목을 체크합니다. 결과 열려진 에디터 창에서 수정된 파일의 탭에는 별표가 표시된 것을 확인할 수 있습니다.
인텔리제이의 자동 import 기능을 사용할 때 (Alt + Enter), 동일한 패키지의 클래스들을 여러개 import 할 경우, import 문에 자동으로 와일드카드(*)가 적용될 때가 있습니다. 이렇게... 이런 경우, 와일드카드를 적용하지 않고, 각각의 클래스들을 명시적으로 import 문에 써주도록 설정해 보겠습니다. 자동 import 시 와일드카드 사용하지 않도록 설정하기 File > Settings > Editor > Code Style > Java > Imports Use single class import : 체크 Class count to use import with '*' : 최대값 999로 설정 Names count to use static import with '*' : 최대값 9..
인텔리제이 에디터에 공백 문자 표시하기 Windows File > Settings > Editor > General > Appearance Mac IntelliJ IDEA > Settings > Editor > General > Appearance 위 메뉴에서 'Show whitespaces' 항목을 선택합니다. Leading : 줄에서 코드 앞쪽의 공백을 표시합니다. Inner : 줄에서 코드 중간의 공백을 표시합니다. Trailing : 줄에서 코드 끝의 공백을 표시합니다. Selection : 코드를 드래그 하거나 선택했을 때, 선택된 코드 영역의 공백을 표시합니다. 코드의 앞, 중간, 뒤쪽 공백 표시 선택한 코드 영역에 대한 공백 표시
작성된 코드가 너무 길 때, 인텔리제이의 코드 접기, 펼치기 기능을 이용하면 메소드명만 남기고 나머지 내용을 접어서 숨길 수 있습니다. 그러면, 스크롤을 많이 내리지 않고도 코드의 대략적인 내용을 한눈에 파악기 쉬워집니다. 이번에는 인텔리제이에서 메소드를 접고 펼치는 방법과 전체 코드를 한 번에 접고 펼치는 방법을 알아보도록 하겠습니다. 1. 메소드 펼치기 / 접기 Windows : Ctrl + + / Ctrl + - Mac : Cmd + + / Cmd + - 메소드 접기 커서를 접으려는 메소드에 두고, Ctrl + - 키를 입력합니다. Mac은 Ctrl 키 대신 Cmd 키를 사용합니다. 메소드 펼치기 커서를 펼치려는 메소드에 두고, Ctrl + + 키를 입력합니다. Mac은 Ctrl 키 대신 Cmd 키..
@RequestParam @RequestParam 어노테이션은 Servlet request parameters (Query Parameter, Form data)를 Controller의 메소드 파라미터와 바인딩하는 역할을 한다. 기본 사용법 @GetMapping("/say-hello") public String helloMvc(@RequestParam String name, Model model) { model.addAttribute("data", name); return "hello-template"; } http://localhost:8080/say-hello?name=anna 위와 같이 쿼리 파라미터로 전달된, name이 helloMvc() 메소드의 파라미터 이름 'name'과 바인딩된다. name..