일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Eclipse
- input
- Array
- windows
- IntelliJ
- vscode
- 인텔리제이
- ArrayList
- date
- 배열
- string
- js
- 문자열
- Files
- html
- 자바
- javascript
- CMD
- CSS
- Maven
- table
- 자바스크립트
- Button
- Java
- 이클립스
- list
- Visual Studio Code
- json
- 테이블
- 이탈리아
- Today
- Total
목록IT/Javascript (181)
어제 오늘 내일
Javascript의 문자열에서 공백을 제거하는 방법을 알아보도록 하겠습니다. 문자열의 앞뒤 공백 제거하기(1) - trim() 함수 See the Pen 공백제거 by anna (@hianna) on CodePen. 문자열의 앞뒤에 있는 공백을 없애기 위해서는 trim() 함수를 사용합니다. 문자열의 앞뒤 공백 제거하기(2) - replace() 함수와 정규식 브라우저에 따라서 trim() 함수가 동작하지 않는 경우가 있습니다. 이런 경우에는 replace() 함수와 정규식을 사용하여 앞뒤의 공백을 제거할 수 있습니다. See the Pen 공백제거 by anna (@hianna) on CodePen. 문자열의 모든 공백 제거하기 See the Pen 공백제거 by anna (@hianna) on Co..
Javascript에서 문자열의 길이를 체크하는 방법을 알아보도록 하겠습니다. length 속성 사용하기 See the Pen 문자열 길이 by anna (@hianna) on CodePen. Javascript에서는 문자열의 길이를 length 속성을 통해 구할 수 있습니다. 문자열의 length 속성은 문자열에서 문자의 갯수를 return 합니다. 공백의 경우에도 한개의 문자로 인식하여 length에 포함시킵니다. 또한, 마지막 예제처럼 empty string의 경우에는 0을 리턴합니다.
문자열 안에서 쌍따옴표, 홑따옴표를 처리하는 방법을 알아보겠습니다. Javascript 안에서 문자열은 쌍따옴표(") 또는 홑따옴표(') 안에 표시합니다. 그렇다면 문자열 안에 따옴표를 표시하려면 어떻게 해야 할까요? let str = ""안녕하세요?""; // error 위와 같이 따옴표로 감싼 문자열 안에, 그대로 따옴표를 사용하면 에러가 발생합니다. 문자열 안에서 따옴표를 표시하기 위한 3가지 방법을 소개합니다. 문자열에 표시하려는 따옴표와 다른 따옴표로 문자열 표현하기 See the Pen 따옴표 by anna (@hianna) on CodePen. 가장 간단한 방법으로 만약 문자열에 '홑따옴표(')'를 표시하고 싶다면, 문자열을 쌍따옴표(")로 감싸서 표시하면 되고, 문자열에 '쌍따옴표(")를 ..
Javascript의 함수를 이용하여 알파벳의 대소문자를 변경할 수 있습니다. 소문자를 대문자로 변환하기 : toUpperCase() 주어진 스트링의 모든 알파벳을 대문자로 변환한다. See the Pen 대소문자구분 by anna (@hianna) on CodePen. 대문자를 소문자로 변환하기 : toLowerCase() 주어진 스트링의 모든 알파벳을 소문자로 변환한다. See the Pen 대소문자구분 by anna (@hianna) on CodePen.
지난번에는 HTML과 Javascript에서 날짜와 시간을 처리하는 방법들을 알아보았습니다. [HTML] 날짜, 시간, 년도 입력받기 [HTML] 날짜, 시간 입력 항목 기본값으로 세팅하기 [HTML] 날짜 입력 항목에 현재 시간을 기본값으로 세팅하기 [Javascript] 현재 날짜, 시간 구하기 [Javascript] Date 객체로 원하는 날짜, 시간 표현하기 [Javascript] 날짜 계산하기 (년/월/일 더하기, 빼기) [Javascript] 월의 마지막 날 계산하기 [Javascript] 날짜 계산 (Date) 마지막 날짜(말일)/윤달/윤년 처리하기 계속해서, Date를 사용하여 시/분/초/밀리초를 더하고 빼는 방법을 알아보도록 하겠습니다. 시간, 분, 초를 더하고 뺄때는 다음과 같은 함수를..
지난번에는 HTML과 Javascript에서 날짜와 시간을 처리하는 방법들을 알아보았습니다. [HTML] 날짜, 시간, 년도 입력받기 [HTML] 날짜, 시간 입력 항목 기본값으로 세팅하기 [HTML] 날짜 입력 항목에 현재 시간을 기본값으로 세팅하기 [Javascript] 현재 날짜, 시간 구하기 [Javascript] Date 객체로 원하는 날짜, 시간 표현하기 [Javascript] 날짜 계산하기 (년/월/일 더하기, 빼기) [Javascript] 월의 마지막 날 계산하기 이번 포스팅에서는 날짜를 계산할 때 마지막 날짜, 윤년, 윤달 처리를 어떻게 할 것인지 알아보도록 하겠습니다. Date() 함수를 이용한 날짜 계산에서 발생하는 말일자 문제 See the Pen Date by anna (@hian..
HTML과 Javascript에서 날짜와 시간을 처리하는 방법을 알아보고 있습니다. [HTML] 날짜, 시간, 년도 입력받기 [HTML] 날짜, 시간 입력 항목 기본값으로 세팅하기 [HTML] 날짜 입력 항목에 현재 시간을 기본값으로 세팅하기 [Javascript] 현재 날짜, 시간 구하기 [Javascript] Date 객체로 원하는 날짜, 시간 표현하기 [Javascript] 날짜 계산하기 (년/월/일 더하기, 빼기) 이번에는 해당 월의 마지막 날짜, 말일을 구하는 방법을 알아보도록 하겠습니다. 해당 월의 마지막 날짜, 말일을 구하는 방법 See the Pen Date by anna (@hianna) on CodePen. 지난번 포스팅에서 날짜를 표현하기 위해서 아래의 함수를 사용할 수 있다고 하였습..
지난번에는 Javascript에서 [Javascript] 현재 날짜, 시간 구하기 [Javascript] Date 객체로 원하는 날짜, 시간 표현하기 이번에는 Date 객체를 활용하여 날짜를 더하고 빼는 방법을 알아보도록 하겠습니다. 연도 더하기, 빼기 See the Pen Date by anna (@hianna) on CodePen. 1년 후의 날짜, 1년 전의 날짜를 계산하기 위해서 getFullYear()와 setFullYear() 함수를 사용하였습니다. date객체에서 getFullYear() 함수를 이용해서 연도를 추출한 후에, 해당 연도에 1을 더하거나 빼서 1년 후와 1년 전의 연도를 구하고, 그 값을 다시 setFullYear() 함수를 사용해서 원래의 Date객체의 연도를 변경해 주었습니..
지난번에는 Javascript에서 Date 객체를 활용하여 현재 날짜와 시간을 가져오는 방법을 알아보았습니다. [Javascript] 현재 날짜, 시간 구하기 이번에는 Date 객체로 원하는 날짜와 시간을 표현하는 방법을 알아보도록 하겠습니다. new Date() new Date(year, month, day, hours, minutes, seconds, milliseconds) new Date(milliseconds) new Date('date') Javascript에서는 위의 4가지 방법을 사용하여 날짜와 시간을 표현할 수 있습니다. new Date() See the Pen CurrentDate by anna (@hianna) on CodePen. 지난번 포스팅에서 설명한 것과 같이 파라미터로 아무것..
JavaScript에서 현재 날짜와 시간을 구하는 방법을 알아보도록 하겠습니다. 현재 날짜 구하기 See the Pen CurrentDate by anna (@hianna) on CodePen. new Date()는 현재 날짜와 시간을 가지는 객체를 리턴합니다. 현재 연도/월/일/요일 구하기 See the Pen CurrentDate by anna (@hianna) on CodePen. 현재 연도/월/일/요일을 구하기 위해서 getFullYear(), getMonth(), getDate(), getDay() 함수를 사용했습니다. getFullYear() - Date 객체의 년도를 가져옵니다. getMonth() - Date 객체의 월 정보를 가져옵니다. 1월은 0으로 표현됨을 주의해야 합니다. (0~11..