일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- Visual Studio Code
- CSS
- Button
- list
- ArrayList
- Maven
- date
- 인텔리제이
- html
- Files
- js
- 이탈리아
- 이클립스
- vscode
- CMD
- 테이블
- Eclipse
- table
- Java
- 자바
- IntelliJ
- javascript
- json
- 자바스크립트
- 문자열
- string
- input
- windows
- Array
- 배열
- Today
- Total
목록분류 전체보기 (842)
어제 오늘 내일
input 필드에 대한 스타일을 변경하는 방법을 알아보고 있습니다. [HTML/CSS] input 배경색, 글자색 변경하기 [HTML/CSS] input 커서 색상 변경하기 (caret-color) [HTML/CSS] input 커서 없애기 [HTML/CSS] input 테두리 아래만 남기기, 없애기 (border, outline) 이번에는 input 필드를 클릭했을 때 테두리의 색상을 변경하는 방법을 알아보도록 하겠습니다. input 클릭 시, 테두리 색상 변경 필드 클릭 시, 테두리 색상을 변경하기 위해서, 다음의 두 속성을 이용할 수 있습니다. border-color outline 이 두 속성의 지난번 포스팅에서 input 필드의 테두리를 없앨 때도 사용했습니다. [HTML/CSS] input 테두..
input 필드를 스타일링하는 방법을 알아보고 있습니다. [HTML/CSS] input 배경색, 글자색 변경하기 [HTML/CSS] input 커서 색상 변경하기 (caret-color) [HTML/CSS] input 커서 없애기 이번에는 input 필드의 테두리를 없애는 방법, 아래쪽에만 테두리를 남기는 방법을 알아보겠습니다. 또한, input 필드에 마우스를 가져가면 나타나는 테두리도 같이 없애보도록 하겠습니다. border-width input 필드의 테두리를 없애기 위해 border 속성을 이용할 수 있습니다. 예제 input { background-color: #FFF8DC; } .no-border { border-width: 0; } .bottom-border { border-width: 0 ..
input 필드의 스타일링 방법에 대해 알아보고 있습니다. [HTML/CSS] input 배경색, 글자색 변경하기 [HTML/CSS] input 커서 색상 변경하기 (caret-color) 이번에는 input 필드를 클릭하면 나타나는 커서를 없애는 방법입니다. caret-color caret-color 속성의 input 필드의 커서 색상을 지정하는 속성입니다. 이 속성의 값을 'transparent'로 지정하여, input의 커서를 숨길 수 있습니다. 예제 .no-caret { caret-color: transparent; } 위 예제에서 첫번째 input에 필드를 클릭하면, 커서가 나타납니다. 두번째 input 필드를 클릭하면, 커서가 보이지 않습니다.
지난번에는 input의 배경색과 글자색을 변경하는 방법을 알아보았습니다. [HTML/CSS] input 배경색, 글자색 변경하기 이번에는 input 필드 안의 커서 색깔을 변경하는 방법입니다. caret-color 이 caret-color 속성을 이용하여 input 필드 안의 커서 색상을 변경할 수 있습니다. 예제 input { caret-color: red; } input 필드를 클릭해보세요. 커서가 빨간색으로 변경되었습니다.
input 필드의 배경색과 글자을 변경하기 위해서 다음 속성을 사용 할 수 있습니다. background-color : 배경색 변경 color : 글자색 변경 예제 input { background-color: yellow; color: red; }
버튼에 대한 스타일링 속성들을 알아보고 있습니다. [HTML/CSS] 버튼 크기 조정하기 (padding) [HTML/CSS] 버튼 테두리 둥글게 만들기 (border-radius) [HMTL/CSS] 버튼 테두리 색 변경, 테두리 없애기 [HTML/CSS] 버튼 글자색 변경하기 (color) [HTML/CSS] 버튼 배경색 지정하기 [HTML/CSS] 버튼 마우스 오버, 클릭 시 배경색 변경하기 border-width 버튼의 테두리 두께를 지정하기 위해 border-width 속성을 사용할 수 있습니다. border-width 속성은 다음의 4가지 속성 정보를 포함합니다. border-top-width border-right-width border-bottom-width border-left-width..
max(), min() _.max(array) 배열에서 최대값을 구합니다. 배열이 비어있거나 falsy값이 전달되면 undefined를 리턴합니다. _.min(array) 배열에서 최소값을 구합니다. 배열이 비어있거나 falsy값이 전달되면 undefined를 리턴합니다. 예제 1 const arr = [1, 0, -1, 5, -1]; // 최소값 const min = _.min(arr); // -1 // 최대값 const max = _.max(arr); // 5 document.write(min); document.write(' '); document.write(max); lodash의 max(), min() 함수를 이용하여 배열의 최대값과 최소값을 구했습니다. 예제 2 const arr = [1, 0..
Math.floor() 함수 원단위의 금액을 절사하기 위해서는 Math.floor()라는 함수를 사용합니다. Math.floor() 소수점 이하를 버림하는 함수입니다. [Javascript] 반올림(round), 올림(ceil), 내림(floor) - 소수점, 음수,자리수 지정 [Javascript] 반올림(round), 올림(ceil), 내림(floor) - 소수점, 음수,자리수 지정 올림(Math.ceil()) Math.ceil() 함수 정수 올림 (음수 포함) 자릿수 지정 내림(Math.floor()) Math.floor() 함수 정수 내림 (음수 포함) 자릿수 지정 반올림(Math.round()) Math.round() 함수 정수 반올림 (음수 포함) 자 hianna.tistory.com 예제 c..
application.properties 파일 수정하기 Command Line 옵션 추가하기 WebServerFactoryCustomizer 인터페이스 구현하기 SpringApplication의 setDefaultProperties 1. application.properties 파일 수정하기 server.port = 8081 2. Command Line 옵션 추가하기 java -jar hello-spring.jar --server.port=8081 또는 java -jar -Dserver.port=8081 hello-spring.jar 3. WebServerFactoryCustomizer 인터페이스 구현하기 @Component public class MyWebServerFactoryCustomizer im..