Jeden Tag, aufrichtig und lustig.

조건식과 같이 참 / 거짓이 판별되어야 하는 경우 자바스크립트 엔진이 Boolean이 아닌 유형을 암묵적으로 Boolean형으로 변환시킨다. 문제 다음은 자바스크립트 문법 중에서 False로 취급하는 것들 입니다. 앗, False로 취급하지 않는 것이 하나 있네요! True를 찾아주세요. NaN 1 "" 0 undefined 정답은 더보기에 있습니다. 더보기 정답은 '1'입니다. 출처 : JS 100제 https://www.notion.so/JS-100-94d97d294dd14c9b911a02c840fa9f2d Truthy true값으로 암묵적으로 변환되는 값이다. falsy값을 제외한 값 Falsy false값으로 암묵적으로 변환되는 값이다. 0 false undefined null "" (띄어쓰기 없..

삼항연산자는 '조건연산자'라고 불리기도 하며, if문과 비슷하다. 삼항연산자의 형식 조건식 ? true일 때 실행되는 표현식 : false일 때 실행되는 표현식 const coffeePrice = 7500; const message = (coffeePrice>4000) ? '안살래요!' : '하나 주세요!'; console.log(message); // 조건식이 true일 경우 message 변수에 true값을 사용하게 된다. 삼항연산자는 조건식의 참,거짓에 따라 코드실행이 된다는점에서 if문과 비슷하지만, if문과의 차이점은 코드 실행 결과값을 변수의 값으로 사용할 수 있다는 것이다. 삼항연산자의 중첩 삼항연산자를 중첩하여 다양한 경우에 따라 코드를 실행할 수 있다. let coffeePrice = 7..

switch문은 조건문의 한 종류로서 표현식 값에 일치하는 경우의 코드를 실행시킨다. 보통 범위를 가지지 않는 데이터가 10개 이하일때 switch문을 사용한다. let price = 0; let menu = '팥붕어빵'; switch (menu) { case '팥붕어빵': price = 4000; // 값이 일치하는 경우 실행되는 코드 break; // 코드가 실행되는 경우 break를 통해 탈출한다. case '슈크림붕어빵': price = 5000; // 값이 일치하는 경우 실행되는 코드 break; case '초코붕어빵': price = 6000; // 값이 일치하는 경우 실행되는 코드 break; case '매운붕어빵': price = 4500; // 값이 일치하는 경우 실행되는 코드 break..

for loop & array 반복문과 배열은 현업에서도 자주 함께 사용되는 중요한 개념이다. 빈 배열 myArray에 100부터 110까지 요소를 추가하기 array를 순회한다. =배열의 각 요소에 접근해서 동일한 동작을 진행한다. array각요소를 콘솔에 찍기 ex. for(let i=0 ; i 0; i-=2) { ourArray.push(i); } // ourArray will now contain [10,8,6,4,2] i에 2 빼는 법 i = i-2 i-=2

함수 표현식 화살표 함수 ES6버전부터 화살표함수를 통해 함수를 간단하게 작성할 수 있게 됐다. 익명 함수에서만 사용이 가능하다. (매개변수) => { 함수 내용 } cf) 매개변수 : parameter 1. 매개변수가 없을 경우 // 매개변수가 없는 익명함수 const sayHi = function(){ return "hi"; } //매개변수가 없는 화살표 함수 const sayHi = () => { return "hi" }; //중괄호 내용이 한줄이라면 중괄호,return 생략 가능 const sayHi = () => "hi" ; 2. 매개변수가 1개인 경우 let sayHi = user => { document.write(user + "님, 안녕하세요!");} 3. 매개변수가 2개 이상인 경우 (매..

const 상수 변수(constant variable)이며, let과 비슷하게 변수를 선언할 때 사용하는 예약어다. 재선언하거나 재할당 할 수 없으며, 블록레벨의 스코프를 가진다. ->재할당이 없는 변수는 const예약어를 사용하는 것이 좋다.

let ES6이후로 var를 보완한 let과 const예약어가 생겼다. * ES : ECMAScript var의 단점 1. var예약어를 누락하면 의도치 않게 전역 변수가 된다. 2. 코드량이 많아지면 실수로 사용중이던 변수를 재선언하거나 값을 재할당하는 경우가 발생한다. 스코프의 범위 함수 영역(레벨)의 스코프 : var 블록 영역의 스코프 : let / const *( )블록이나 { }블록 안에서만 사용가능한 변수를 '블록변수'라고 한다. 블록영역 스코프 let 예약어로 선언한 변수는 변수를 선언한 블록({ })에서만 유효하다. function iLike(n) { let sum = 0 ; for(let i = 1; i < n ; i++){ sum += i ; } console.log(sum); } 만..

object 참조형 데이터타입이다. 대괄호에 데이터를 묶는 array와 달리 중괄호 안에 데이터를 묶는다. property 이름은 중복될 수 없다. let myObject = { key : value } ex. let myself = { name : 'Coder', location : { country : 'South Korea', city : 'Seoul' }, age : 30, cats : ['냥냥', '우유'] } property : name : 'Coder' key : name value : 'Coder' ** 객체에는 순서가 없기 때문에 콘솔로 찍었을 때 순서 상관 없이 property들이 찍힌다. 또한 value값에 객체형 데이터, array가 들어갈 수도 있다. 데이터는 쉼표(,)를 통해 구..

반복문-for 반복문은 동일한 동작을 특정한 조건이 거짓으로 판별될 때까지 반복해서 수행하는 것을 의미한다. 조건 만족여부를 판별하는 counter를 사용하여 동작한다. *counter로 주로 i를 사용한다. for (초기 상태 ; 조건 ; 변화) { 수행할 동작 } for명령어를 사용한다. 소괄호 안에는 1. counter의 초기상태 2. counter가 만족해야하는 조건 3. 조건 충족시 counter의 변화 내용 이 담겨있다. counter의 초기상태 (초기화문) 1.1. 초기화문 작성 시 변수 선언자를 써주어야 한다. 1.2. 변수명은 보통 index를 의미하는 i로 선언한다. 1.3. index가 증가할 경우 숫자는 보통 0부터 시작한다. counter가 만족해야하는 조건 (조건문) 2.1. i..

splice 배열 내의 특정한 요소를 삭제하거나, 다른 요소로 대치하거나 새로운 요소를 추가할 때 사용하는 메소드다. splice(start,delete,item) 필요에 따라 인자를 최소1개만 사용 할 수 있다. 첫번째 인자 : 배열의 index의 시작점 두번째 인자 : 삭제할 요소의 개수 세번째 인자 이후 : 추가하고 싶은 요소 let num = [1,2,4,5,7]; num.splice(2,1,10); console.log(num); // [ 1, 2, 10, 5, 7 ] 댓글 삭제 기능을 구현할 때 splice 메서드를 많이 활용한다.