어제 오늘 내일

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..

Javascript 함수의 파라미터 기본값을 설정하면 함수를 호출할 때, 파라미터가 전달되지 않으면 설정된 기본값을 사용합니다. 함수 파라미터 기본값 설정하기 function sayhi(greeting='Hi', name='Anna') { document.write(`${greeting}, ${name} `) } sayhi(); // Hi, Anna sayhi("안녕"); // 안녕, Anna sayhi(undefined, "Angela"); // Hi, Angela sayhi("안녕하세요", "영수님"); // 안녕하세요, 영수님 위 예제에서 sayhi() 함수는 greeting과 name, 2개의 파라미터를 입력받습니다. 그리고, 각각의 파라미터의 기본값은 'Hi', 'Anna'로 설정되었습니다. s..

Spring Boot 웹 프로젝트 실행 도중 아래와 같은 에러가 발생하였다. java.lang.IllegalArgumentException: Name for argument of type [java.lang.String] not specified, and parameter name information not found in class file either. at org.springframework.web.method.annotation.AbstractNamedValueMethodArgumentResolver.updateNamedValueInfo(AbstractNamedValueMethodArgumentResolver.java:183) ~[spring-web-6.1.1.jar:6.1.1] at org.s..