본문 바로가기

Frontend/JavaScript19

[JavaScript] Object['key']와 Object.key의 차이 오늘 공부했던 내용이 자고 일어나면 까먹을 것 같아서 블로그에라도 남겨둔다. Javascript에서 객체의 속성에 접근하는 방법으로 '[ ]'와 '.', 총 두 가지가 존재한다. let a = { age : 20, name : "홍길동" }; console.log(`a['age'] : ${a['age']}`); console.log(`a.age : ${a.age}`); 그 중 '[ ]'를 사용하는 방법은 while, for문과 같은 반복문에서 주로 활용된다. 아래의 예제를 통해 반복문에서 '.', '[ ]'를 활용해 객체에 접근했을 때의 차이점을 확인해보자. //예제 let Person = { age : 20, name : "홍길동", isMarried : false }; console.log("Pers.. 2023. 7. 6.
[Javascript] 함수 (Function) 목차 0. 개요 1. 함수의 정의 2. 함수의 선언 및 사용 3. 지역 변수와 전역 변수 4. return 문 0. 개요 //제시된 값들로 사칙연 b){ return 'a > b'; } if (a b' NumberCompare(5, 6); //'a < b' NumberCompare(7, 7); //'a == b' //return 문 예제 2 //return 문의 값, 표현식을 명시하지 않았을 경우 function print(){ return; } print(); print 함수의 return 문의 표현식을 명시하지 않았기 때문에 print 함수를 실행하면 'undefined'라는.. 2023. 6. 22.
[Javascript] 조건문 0. 조건문 개요 1. if 문 / else 문 / else if 문 ① if 문 ② else 문 ③ else if 문 2. switch 문 3. 조건부 연산자 4. Reference 0. 조건문 개요 조건문이란 조건을 판별하는 제어문으로 주어진 조건식의 달성 여부, 조건식의 결과가 참이냐 거짓이냐에 따라 코드의 실행 여부를 결정하는 제어문을 말한다. 자바 스크립트에서 사용되는 조건문으로는 if, else, else if, switch 문 네 가지가 존재한다. 다만 else와 else if문은 if문 없이 단독으로 사용할 수 없는 조건문이기 때문에 이 두 개의 조건문은 if문과 같이 묶어서 다루도록 하겠다. 1. if 문 / else 문 / else if 문 ① if 문 조건식의 결과가 참(true) 일.. 2023. 6. 12.
[Javascript] 연산자 연산자 ① 산술 연산자 ② 증감 연산자 ③ 대입 연산자 ④ 비교 연산자 ⑤ 논리 연산자 연산자 프로그래밍에서 '+', '-'와 같은 사칙 연산이나, '>', ' 2023. 6. 12.
[Javascript] 자료형과 형변환 목차 1. 자료형 (Data Type) ① Number (숫자형) ② String (문자형) ③ Boolean (논리형) ④ null / undefined 2. 형변환 (Type Casting) ① 묵시적 형변환 ② 명시적 형변환 0. 개요 let num = 20; console.log(typeof num); //"number" num = "Hello"; console.log(typeof num); //"string" //typeof 연산자는 피연산자의 자료형을 나타내는 문자열을 return하는 연산자이다. //처음에 변수 num의 자료형이 number, 숫자형으로 나왔고 //이후 num의 값을 "Hello"로 바꿨더니 해당 변수의 자료형이 string, 문자형으로 //변경된 것을 확인할 수 있다. 상단.. 2023. 6. 4.
[Javascript] 변수, 상수 1. 변수 (Variable) 프로그래밍에서 변수란 "값이나 데이터를 담을 수 있는 공간"을 말한다. 변수는 사용자의 이름이나 나이, 주소 등의 정보를 저장하기 위한 목적으로 사용되며 변수에는 하나의 값만 저장할 수 있지만 대신 저장한 값을 바꾸는 것이 가능하다. (변수에 저장된 값을 바꾼다면 이전에 저장해둔 값은 사라진다.) 자바 스크립트에서 변수를 선언할 때 사용하는 키워드로는 var과 let이 존재한다. 단, var은 현재로써는 잘 사용되지 않는 변수 선언 방식이기 때문에 대부분 let 키워드를 통해서 변수를 선언한다. (나중에 var로 변수를 선언하는 방식이 잘 사용되지 않는 이유를 정리해서 올려보도록 하겠다.) //변수의 선언과 저장한 값 변경 let Sample = 15; console.log.. 2023. 5. 26.