어제 오늘 내일

지난 번 포스팅에서 replace() 함수를 사용하여 특정 문자열을 치환하는 방법을 알아보았습니다. [Javascript] 문자열에서 특정 문자열 치환하기 (replace) 그런데, replace() 함수는 대소문자를 구분합니다. 따라서, 'Banana'와 'banana'는 서로 다른 문자열로 인식합니다. 이번에는, replace() 함수를 이용하여 대소문자 구분없이 문자열을 치환하는 방법을 알아보도록 하겠습니다. 대소문자 구분없이 문자열을 치환하는 방법 See the Pen replace by anna (@hianna) on CodePen. 대소문자의 구분없이 문자열을 치환하기 위해서 정규식(regular expression)을 사용하였습니다. 정규식으로 찾으려는 문자열은 '/'로 감싸서, 파라미터로 ..

string.slice(start, end) Javascript에서 substr(), substring(), slice() 함수는 모두 문자열을 잘라주는 역할을 합니다. 이 함수들은 모두 비슷하지만, 조금씩 작동 방법이 다릅니다. 이 세가지 함수를 비교해 보도록 하겠습니다. substr() string.substr(start, length) substr() 함수는, 파라미터로 입력받은 start index부터 length 길이만큼 string을 잘라내어 반환하는 함수입니다.. 첫번째 글자의 index는 0에서 시작합니다. See the Pen 첫번째-마지막문자 by anna (@hianna) on CodePen. 위 예제에서 첫번째 글자 하나를 가져오기 위해서 start=0, length=1을 파라미터로..

Javascript 문자열에서 첫번째 글자 또는 마지막 문자를 가져오는 4가지 방법을 살펴보겠습니다. charAt() 함수를 이용하기 See the Pen 첫번째-마지막문자 by anna (@hianna) on CodePen. 첫번째 문자, 마지막 문자 또는 원하는 index의 글자를 확인하기 위해서 charAt() 함수를 사용하였습니다. charAt() 함수는, 전달된 파라미터의 index에 위치한 글자를 리턴합니다. 첫번째 글자의 index는 0부터 시작합니다. 따라서 마지막 글자의 index는 전체 문자열의 길이 - 1 입니다. 그래서, 위의 예제에서는 마지막 글자의 index를 구하기 위해 str.length - 1 을 사용하였습니다. ( 전체 문자열의 길이를 구하는 방법은 [Javascript]..

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. 가장 간단한 방법으로 만약 문자열에 '홑따옴표(')'를 표시하고 싶다면, 문자열을 쌍따옴표(")로 감싸서 표시하면 되고, 문자열에 '쌍따옴표(")를 ..

지난번에는 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에서 현재 날짜와 시간을 구하는 방법을 알아보도록 하겠습니다. 현재 날짜 구하기 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..