본문 바로가기

Javascript

(28)
점 표기법 vs 대괄호 표기법 점 표기법과 대괄호 표기법 비교 점 표기법 (Dot Notation)대괄호 표기법 (Bracket Notation)속성 이름이 고정되어 있을 때 사용속성 이름이 동적으로 결정될 때 사용식별자 이름이어야 함 (유효한 변수 이름)모든 문자열 사용 가능 (공백, 특수 문자 포함)가독성이 더 좋음더 유연하며, 표현식 사용 가능 점 표기법은 객체 속성 이름이 고정되어 있을 때 사용. 속성 이름이 고정되어 있다는 의미는 속성 이름이 코드 작성 시 이미 결정되어 있고, 변경되지 않는다는 뜻점 표기법은 사용하기 간편하고 가독성 좋음 대괄호 표기법은 더 유연하며, 속성 이름이 동적으로 결정될 때 사용.대괄호 안에는 문자열이나 변수를 사용할 수 있으므로, 속성 이름을 런타임에 결정할 수 있음
08 예외처리 https://www.notion.so/Chapter-08-2d86e08edefd43fd811b761f68a2a148?pvs=4 Chapter 08 예외처리 | Notion 08-1 구문 오류와 예외 third-jumpsuit-9e6.notion.site
딥다이브 스터디를 시작하다 보호되어 있는 글입니다.
4,5,6 챕터 보호되어 있는 글입니다.
프로그래머스 Lv.0 두 수의 합 내가 쓴 코드 효율적인 코드 두수의 몫 구하기 처음엔 그냥 나누기만 해주었더니 (num1 / num2) 나머지도 같이 나와 몫만 구하는 함수를 서치해보았다. 방법은 2가지가 있었는데 1. Math.floor 2. parseInt 두가지 중 어느 것을 사용해도 몫이 구해진다 하지만 차이점이 있는데 음수의 나눈 몫을 구할 경우 1. Math.floor (-23.76) 결과: -24 2. parseInt (-23.76) 결과: -23 Math.floor는 나머지 값을 내림으로 계산하지만 parseInt는 나머지 값을 절삭한다. 그 외에도 차이점이 있다. Math.floor( "10 20 30" ); // NaN parseInt( "10 20 30" ); // 10 Math.floor는 NaN을 출..
비동기 통신 콜백함수 function taskA(a, b, callback) { setTimeout(() => { const res = a + b; callback(res); }, 3000); } taskA(3, 4, (res) => { console.log("A TASK RESULT : ", res); }); console.log("코드 끝"); 결과 function taskA(a, b, callback) { setTimeout(() => { const res = a + b; callback(res); }, 3000); } function taskB(a, callback) { setTimeout(() => { const res = a * 2; callback(res); }, 1000); } taskA(3, 4, (..
spread 연산자 배열과 객체를 한 줄로 펼치는 방법 const cookie = { base: "cookie", madeIn: "korea" }; const chocochipCookie = { base: "cookie", madeIn: "korea", toping: "chocochip" }; const blueberryCookie = { base: "cookie", madeIn: "korea", toping: "blueberry" }; const strawberryCookie = { base: "cookie", madeIn: "korea", toping: "strawberry" }; console.log(chocochipCookie); 중복되는 프로퍼티를 계속 작성해야 하는 문제 코드 수정 - 스프레드 연산자 사용 con..
비구조화 할당 let arr = ["one", "two", "three"]; let one = arr[0]; let two = arr[1]; let three = arr[2]; console.log(one, two, three); 결과 - arr을 계속 반복하여 호출해야 하는 비효율 발생 비구조화 할당을 이용하여 코드 수정 대괄호를 이용하여 배열의 값을 순서대로 할당받아 사용 let arr = ["one", "two", "three"]; let [one,two,three] = arr; console.log(one, two, three); 결과는 동일 코드를 더 줄일 수 있도록 수정 let [one, two, three] = ["one", "two", "three"]; console.log(one, two, three)..
조건문 업그레이드 조건문 function isKoreanFood(food) { if (food === "불고기" || food === "비빔밥" || food === "떡볶이") { return true; } return false; } const food1 = isKoreanFood("불고기"); const food2 = isKoreanFood("파스타"); console.log(food1); console.log(food2); 결과 하지만 한식의 종류가 많아지면 조건문이 너무 길어지게 됨 문자열로 이루어진 한식 중에 입력받은 파라미터가 존재하는 지 안하는 지만 확인하면 됨 코드 수정 (food)라는 파라미터가 배열 안에 존재하면 true 존재하지 않으면 false 리턴하는 배열의 메서드(include) 사용 funct..
삼항연산자 // TODO : 확률계산 프로그램 // 90점 이상 A+ //50점 이상 B+ //둘 다 아니면 F let score = 100; score >= 90 ? console.log("A+") : score >= 50 ? console.log("B+") : console.log("F"); 중첩해서 사용 가능 하지만 가독성이 떨어지므로 if조건문으로 변경해서 사용하는 것이 낫다 if (score >= 90) { console.log("A+"); } else if (score >= 50) { console.log("B+"); } else { console.log("F"); }