어제 오늘 내일

'=='와 '==='의 차이 '=='는 비교하는 두 개의 값(피연산자)을 강제로 같은 형으로 변환한 후, 비교를 수행합니다. 즉, 두 값의 타입이 다르더라도, 형 변환된 값이 같다면 true를 리턴합니다. '==='는 비교하는 두 개의 값(피연산자)의 타입과 값이 모두 같을 경우에만, true를 리턴합니다. See the Pen 문자열 by anna (@hianna) on CodePen. 위 첫번째 예제에서 숫자 1과 문자열 '1'을 비교하였습니다. '==' 연산자를 사용하여 비교하면, 두 피연산자의 타입이 달라도 true를 리턴하는 것을 확인할 수 있습니다. 그렇지만, '===' 연산자를 사용하여 비교하면, 둘 다 1이지만, 타입이 다르기 때문에 false를 리턴합니다. 두 번째 예제에서는 boolea..

Javascript 객체의 모든 key와 value를 가져오는 방법을 알아보도록 하겠습니다. 객체의 모든 프로퍼티를 순회하기 위해서는 for...in 반복문을 사용합니다. 기본 문법 for (variable in object) { // 코드블럭 } variable : object에서 순차적으로 하나씩 꺼내온 property(속성)의 key(이름) object : 탐색할 object 사용 예시를 살펴볼까요? See the Pen 반복문 by anna (@hianna) on CodePen. 코드를 자세히 살펴볼까요? const person = { name : 'Anna', age : 20, id : 'hianna' }; for(prop in person) { document.write(prop + " : "..

이번에 알아볼 반복문은 do..while입니다. while 문과 비슷하지만, 첫번째 반복문을 실행 할때 실행 순서가 조금 다릅니다. do...while do { // 반복할 코드 } while (조건문); do...while문은 조건문을 판단하기 전에 do 블록의 코드를 먼저 실행합니다. 그리고, 조건문을 판단하여, 조건문의 결과가 true이면 do 블록의 코드를 다시 실행합니다. 이 과정을 반복합니다. 예제 1 See the Pen 반복문 by anna (@hianna) on CodePen. 예제 2 - while문과 do...while의 차이점 See the Pen 반복문 by anna (@hianna) on CodePen. while문과의 차이점은 다음과 같습니다. while문은 처음 while문을..

두 번째 반복문은 while입니다. while while(조건식){ // 반복할 코드 } while문은 '조건식'의 결과가 true 인경우 코드 블록을 반복적으로 수행합니다. 코드 수행 순서는 1. 먼저 조건식을 판단하고, 2. 조건식의 결과가 true이면, 코드 블록 수행합니다. 조건식의 결과가 false이면, while문을 빠져나옵니다. 1번과 2번을 반복적으로 수행합니다. 예제 1 See the Pen 반복문 by anna (@hianna) on CodePen. while문에는 조건문만 들어가지만, 위와 같이 코드 어딘가에는 for문과 같이 초기화 구문, 증감식이 들어가 주어야 합니다. 예제 2 while(true) { document.write('Hello'); } 이 코드의 조건문에는 true가..

지난번에는 for문의 기본적인 사용방법을 알아보고, 별찍기 예제도 만들어 보았습니다. [Javascript] 반복문(1) - for [Javascript] for문을 이용해서 별찍기 이번에는 for문을 응용하여 구구단을 찍는 예제입니다. 구구단 찍기 for(let i = 2; i

지난번에는 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로 로..

Javascript에서 문자열을 치환하기 위해서 replace() 함수를 사용하는 방법을 알아보았습니다. 그런데, replace() 함수는 문자열에서 변경하려는 문자열이 여러 번 반복될 경우, 첫 번째로 발견한 문자열만 치환해 줍니다. 즉, 'apple, banana, banana' 이렇게 'banana'가 여러 번 반복될 경우 replacT('banana', 'tomato')를 실행하면 첫번째로 발견된 'banana'만 치환되어 'apple, tomato, banana'의 결과를 얻게 됩니다. [Javascript] 문자열에서 특정 문자열 치환하기 (replace) 이번에는, 문자열 내에서 찾아낸 모든 문자열(변경하려는)을 치환하는 방법을 알아보도록 하겠습니다. 간단하게 replactAll() 이라는 ..