일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- javascript
- Maven
- Button
- 인텔리제이
- CSS
- 배열
- input
- vscode
- html
- Visual Studio Code
- 테이블
- windows
- js
- date
- json
- 문자열
- 이탈리아
- list
- Files
- IntelliJ
- string
- Array
- ArrayList
- 이클립스
- Java
- CMD
- 자바
- table
- 자바스크립트
- Eclipse
- Today
- Total
목록IT/Javascript (181)
어제 오늘 내일
지난번에는 for문의 기본적인 사용방법을 알아보았습니다. [Javascript] 반복문(1) - for 이번에는 for문을 응용한 다양한 형태의 별찍기 예제를 공유합니다. 정사각형 별찍기 See the Pen 반복문 by anna (@hianna) on CodePen. 삼각형 별찍기 See the Pen 반복문 by anna (@hianna) on CodePen. See the Pen 반복문 by anna (@hianna) on CodePen. 거꾸로 삼각형 별찍기 See the Pen 반복문 by anna (@hianna) on CodePen. See the Pen 반복문 by anna (@hianna) on CodePen. 정삼각형 별찍기 See the Pen 반복문 by anna (@hianna) ..
Javascript에서 사용할 수 있는 반복문을 하나씩 알아보도록 하겠습니다. for for (초기화; 조건식; 증감문) { // 반복할 코드 } 먼저 for문의 문법은 위와 같습니다. 초기화 - for문이 실행되기 전 1번만 수행됩니다. 조건식 - for문이 실행되기 위한 조건입니다. 이 조건문의 결과가 true이면 for문 안의 코드는 계속 실행됩니다. 증감문 - for문 안의 코드가 실행 된 후, 매번 수행되는 코드입니다. 예제1 See the Pen 반복문 by anna (@hianna) on CodePen. i변수의 초기값은 0이고, 반복문을 돌 때마다 i 변수의 값은 1씩 증가합니다. i의 값이 5보다 작을 동안(즉, i가 5가 되면 반복문 중지) for문 안의 코드를 실행합니다. 예제2 - ..
Javascript에서 배열의 길이를 체크하기 위해서는 Array 인스턴스의 length 속성을 사용합니다. 배열의 length 속성 활용하기 See the Pen 배열 by anna (@hianna) on CodePen. 배열의 길이는 Array 인스턴스의 length 속성을 통해서 확인할 수 있습니다. 또한, length 속성 값을 직접 설정하여, 배열의 길이를 조정할 수도 있습니다.
지난 번에는 사용자가 로컬에서 파일을 선택하고, 그 파일 내용을 읽어오는 방법을 알아보았습니다. [HTML] input type='file' 속성 알아보기 ( 파일 입력 ) [HTML] input type='file' 속성 알아보기 ( 파일 입력 ) 웹페이지에서 사용자의 로컬 파일을 입력받기 위해서는 다음과 같이 input 태그의 type속성을 file로 지정하는 방법을 사용합니다. See the Pen read file by anna (@hianna) on CodePen. 여기에서는 input의 type.. hianna.tistory.com [Javascript] 로컬 텍스트 파일 읽기 (다중 파일 선택) [Javascript] 로컬 텍스트 파일 읽기 (다중 파일 선택) HTML/Javascrip로 로..
HTML/Javascrip로 로컬 텍스트 파일을 읽어서 선택한 파일에 대한 정보 (파일명, 파일크기 등)을 보여주는 코드입니다. Ctrl / Shift 키를 사용하여 여러개의 파일을 선택할 수 있습니다. See the Pen read file by anna (@hianna) on CodePen. HTML input의 type 속성을 file로 지정하면 파일을 입력 받을 수 있습니다. accept 속성을 지정하여, 입력받는 파일의 종류를 지정할 수 있습니다. 여기서는 확장자가 'txt'인 파일을 선택할 수 있도록 했습니다. multiple 속성을 지정하면, ctrl/shift 키를 사용하여 다수의 파일을 선택할 수 있습니다. 자세한 속성은 다음 링크를 참조하세요. [HTML] input type='file..
Javascript에서 문자열을 치환하기 위해서 replace() 함수를 사용하는 방법을 알아보았습니다. 그런데, replace() 함수는 문자열에서 변경하려는 문자열이 여러 번 반복될 경우, 첫 번째로 발견한 문자열만 치환해 줍니다. 즉, 'apple, banana, banana' 이렇게 'banana'가 여러 번 반복될 경우 replacT('banana', 'tomato')를 실행하면 첫번째로 발견된 'banana'만 치환되어 'apple, tomato, banana'의 결과를 얻게 됩니다. [Javascript] 문자열에서 특정 문자열 치환하기 (replace) 이번에는, 문자열 내에서 찾아낸 모든 문자열(변경하려는)을 치환하는 방법을 알아보도록 하겠습니다. 간단하게 replactAll() 이라는 ..
지난 번 포스팅에서 replace() 함수를 사용하여 특정 문자열을 치환하는 방법을 알아보았습니다. [Javascript] 문자열에서 특정 문자열 치환하기 (replace) 그런데, replace() 함수는 대소문자를 구분합니다. 따라서, 'Banana'와 'banana'는 서로 다른 문자열로 인식합니다. 이번에는, replace() 함수를 이용하여 대소문자 구분없이 문자열을 치환하는 방법을 알아보도록 하겠습니다. 대소문자 구분없이 문자열을 치환하는 방법 See the Pen replace by anna (@hianna) on CodePen. 대소문자의 구분없이 문자열을 치환하기 위해서 정규식(regular expression)을 사용하였습니다. 정규식으로 찾으려는 문자열은 '/'로 감싸서, 파라미터로 ..
Javascript의 문자열에서 '특정 문자열'을 찾아서 '치환'해주는 방법을 알아보도록 하겠습니다. 문자열 내의 특정 문자열을 치환해 주기 위해서 Javascript에서는 replace() 함수를 사용합니다. replace() string.replace(searchValue, newValue) replace() 함수는 searchValue, newValue를 파라미터로 입력받고 문자열에서 searchValue를 찾아서 newValue로 치환합니다. 예제를 보면서, 사용 방법을 알아보도록 하겠습니다. replace() 함수 사용하기 See the Pen replace by anna (@hianna) on CodePen. replace() 함수를 사용하여, 문자열을 치환하는 간단한 예제입니다. 예제에서는 ..
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]..