일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- CMD
- 이클립스
- json
- IntelliJ
- 문자열
- input
- Button
- 자바
- 이탈리아
- Files
- html
- list
- js
- string
- CSS
- vscode
- 테이블
- ArrayList
- 인텔리제이
- Eclipse
- javascript
- table
- Visual Studio Code
- 배열
- 자바스크립트
- windows
- date
- Maven
- Java
- Array
- Today
- Total
어제 오늘 내일
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..