어제 오늘 내일

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

gradle 설정에 Java 컴파일 옵션 추가하기 (-parameters) build.gradle 파일에 다음과 같은 내용을 추가한다. compileJava { options.compilerArgs

IntelliJ의 기능을 이용하여 Java의 생성자(Constructor)를 생성할 수 있습니다. 생성자 자동 생성 1. 생성자를 생성할 위치에 마우스를 클릭한 후, 다음 단축키를 사용하여 Generate 메뉴를 호출합니다. (Windows) Alt +Insert (Mac) Cmd + N 2. Constructor 메뉴를 클릭합니다. 3. 다음과 같이 생성자가 생성되었습니다. 클래스가 필드를 가지고 있는 경우, 생성자 생성하기 다음과 같이 클래스가 필드를 가지고 있는 경우, 생성자에 필드를 파라미터로 추가할 수 있습니다. public class HelloController { String message; } 1. 생성자를 생성할 위치에 마우스를 클릭한 후, 다음 단축키를 사용하여 Generate 메뉴를 ..

Javascript 문자열의 왼쪽에 붙은 0을 제거하기 위해 다음의 2가지 방법을 사용할 수 있습니다. replace 함수 숫자 변환 parseInt() Number() *, + 를 이용한 숫자 변환 1. replace() 정규식을 이용하여, 문자열의 앞에 있는 '0'을 제거합니다. const num = "00123".replace(/^0+/, ''); replace() 함수는, 정규식에 해당하는 부분(첫번째 파라미터)을, 두 번째 파라미터로 입력받은 문자열로 치환합니다. 정규식 /^0+/ ^ : 문자열의 시작을 의미합니다. 0+ : 0이 1번 이상 반복되는 것을 나타냅니다. 따라서, 이 정규식은 문자열의 시작에서 0이 1개 이상 나타나는 부분을 찾습니다. const str1= '00123'; const..

:nth-child() nth-child() 는 파라미터로 입력 된 패턴의 순서에 따라 요소를 선택하는 선택자입니다. 이 선택자를 이용하여, 테이블의 짝수 또는 홀수 행에만 스타일을 적용할 수 있습니다. 파라미터로는 함수 또는 지정된 키워드를 입력할 수 있습니다. 함수 예제 2n+1 : 홀수 번째 요소를 선택합니다. 2n : 짝수 번째 요소를 선택합니다. 5 : 5번째 요소를 선택합니다. 5n : 5의 배수 번째가 되는 요소를 선택합니다. 이런 식으로 원하는 함수를 입력할 수 있습니다. 키워드 odd : 홀수 번째 요소를 선택합니다. even : 짝수 번째 요소를 선택합니다. 테이블의 홀수 행에만 스타일 적용하기 이름 나이 Anna 20 Tina 30 David 33 table, td, th { bord..

CSS의 요소 중 홀수 번째, 또는 짝수 번째 요소를 선택하는 방법입니다. :nth-child() 형제 요소들 중 파라미터로 입력된 패턴에 따라, 요소를 선택합니다. 파라미터에는 다음과 같은 값들을 넣을 수 있습니다. 키워드 odd : 홀수 번째 요소를 선택합니다. even : 짝수 번째 요소를 선택합니다. 함수 예제 2n+1 : odd와 같습니다. 홀수 번째 요소를 선택하게 됩니다. 2n : even과 같습니다. 짝수 번째 요소를 선택하게 됩니다. 5n : 5의 배수 번째 요소를 선택합니다. 7 : 7번째 요소를 선택합니다. n : 모든 요소를 선택합니다. 이 외에도 자유롭게 필요한 함수를 입력하여 원하는 요소를 선택할 수 있습니다. 홀수, 짝수 선택자(odd, even) 홀수 짝수 홀수 짝수 홀수 짝..

테이블의 행(row)에 마우스를 올릴 경우, 해당 행의 배경색을 변경하는 방법입니다. :hover css의 pseudo-class(의사 클래스)인 :hover는 보통 마우스 포인터가 요소 위에 올라가면 선택됩니다. 이 :hover를 사용하여, 마우스가 테이블의 특정 row에 올라갔을 때, 행 전체의 배경색을 변경할 수 있습니다. 마우스오버 시, 행(row) 배경색 변경 이름 나이 Anna 20 Tina 30 David 33 table, td, th { border: 1px solid black; border-collapse: collapse; } table tr:hover { background-color: GreenYellow; } table tr:hover { background-color: Gree..

테이블의 제목을 붙이기 위해 태그를 사용할 수 있습니다. 여기서는 이 캡션의 위치를 지정하는 방법을 알아보도록 하겠습니다. 캡션의 위치 지정 (caption-side) 캡션의 위치를 지정하기 위해 caption-side 속성을 사용할 수 있습니다. top : 캡션을 테이블의 위쪽에 배치합니다. bottom : 캡션을 테이블의 아래쪽에 배치합니다. 캡션 위쪽에 놓기 학생 이름 나이 Anna 20 Tina 22 table, td, th { border: 1px solid black; border-collapse : collapse; } caption { caption-side: top; } caption-side: top; caption-side 속성 값을 top으로 지정하여, caption을 테이블의 위쪽..