개발 기록 남기기✍️

이번 포스트도 역시나 코딩앙마님의 강의를 보고 작성했습니다. [자바스크립트 중급 강좌 : 140분 완성 - YouTube](https://www.youtube.com/watch?v=4_WLS9Lj6n4&t=5204s) 1. Symbol Symbol은 JS의 자료형 중 하나로, 유일한 식별자 를 만들 때 사용한다. Symbol의 기본적인 property key는 문자형이다. const a = Symbol() 형식으로 사용한다. const a = Symbol(); const b = Symbol(); console.log(a); // Symbol() console.log(b); // Symbol() a === b; // false a == b; // false const id = Symbol('id'); co..

이번 포스트도 역시나 코딩앙마님의 강의를 보고 작성했습니다. [자바스크립트 중급 강좌 : 140분 완성 - YouTube](https://www.youtube.com/watch?v=4_WLS9Lj6n4&t=5204s) 1. TDZ : Temporal Dead Zone : 스코프의 시작 지점부터 초기화 시작 지점까지의 구간 let age = 30; function showAge(){ console.log(age); // TDZ let age = 20; // 선언 및 초기화 시작 }; // 블록 스코프 범위 showAge(); // Error let과 cons`는 hoisting이 되지만, TDZ 구간에 의해 메모리에 할당되지 않아 참조 에러가 발생한다. 변수의 생성 과정 선언 단계 초기화 단계 (`unde..

이번 포스트는 코딩앙마님의 강의를 보고 작성되었습니다. [자바스크립트 기초 강좌 : 100분 완성 - YouTube](https://www.youtube.com/watch?v=KF6t61yuPCY) 1. 객체 const superman = { name : "Clark", age : 33, } 객체는 중괄호 { }로 여닫고, key: value의 프로퍼티가 들어가고, 각 프로퍼티는 , 로 구분한다. 객체에 접근하는 방법 superman.name // clark superman['age'] // 33 객체에 값 추가하는 방법 superman.gender = 'male' superman['hairColor'] = 'black' 객체 프로퍼티 삭제 delete superman.hairColor; 객체 프로퍼티 ..

이번 포스트는 코딩앙마님의 강의를 보고 작성되었습니다. [자바스크립트 기초 강좌 : 100분 완성 - YouTube](https://www.youtube.com/watch?v=KF6t61yuPCY) 1. 함수의 기초 function sayHello (name){ console.log(`Hello. ${name}`); }; sayHello("Mike"); // Hello. Mike function은 함수 선언, sayHello는 함수 이름, name은 매개변수로, 매개변수는 여러 개를 넣을 수 있으며 이름도 마음대로 설정 가능하다. 함수를 호출하려면 함수명(매개변수) 식으로 호출한다. 함수에 return이 선언되면, return을 만나는 즉시 함수를 중단하고 값을 반환한다. ✔️ 함수에서는 한 번에 한 작..

이번 포스트는 코딩앙마님의 강의를 보고 작성되었습니다. [자바스크립트 기초 강좌 : 100분 완성 - YouTube](https://www.youtube.com/watch?v=KF6t61yuPCY) 1. 반복문 : 동일한 작업을 여러번 반복 for for(초기값; 조건; 코드 실행 후 작업){반복할 코드} 명확한 횟수가 있을 때 사용한다. 코드가 돌아가는 순서 : 초기값 → 조건 → 반복할 코드 → 코드 실행 후 작업 값이 조건에 충족하지 않을 때까지 작업을 반복한다. for(let i=0; i 0이면 true 반환 위의 코드에서, 나머지가 발생하지 않는 값들, 즉 짝수는 continue문을 만나지 못하고 console.log까지 간 뒤에 다음 반복문을 실행한다. 나머지가 발생하는 값, 즉 홀수는 con..

이번 포스트는 코딩앙마님의 강의를 보고 작성되었습니다. [자바스크립트 기초 강좌 : 100분 완성 - YouTube](https://www.youtube.com/watch?v=KF6t61yuPCY) 1. 기본 연산자 : +(덧셈), -(뺄셈), *(곱하기), /(나누기), %(나머지) ✔️나머지(%)는 어느 용도로 사용할까? 홀수 : x%2 = 1 짝수 : y%2 = 0 z%5 : 0~4 사이의 값만 반환 ✔️거듭제곱 const num = 2**3; console.log(num); // 8 ✔️약식 표현 let num = 10; num = num + 5; console.log(num); // 15 num += 5; console.log(num); // 20 ✔️증가 연산자, 감소 연산자 let num =..

이번 포스트는 코딩앙마님의 강의를 보고 작성되었습니다. [자바스크립트 기초 강좌 : 100분 완성 - YouTube](https://www.youtube.com/watch?v=KF6t61yuPCY) 1. 변수 변수 : 어떤 정보에 이름을 붙여 저장하고 싶을 때 사용 문자와 숫자, $와 _만 사용한다. 첫 글자는 숫자가 될 수 없다. 가급적이면 상수는 대문자로 선언하는 것이 좋다. 읽고 이해하기 쉽게 선언한다. 예약어는 변수로 사용할 수 없다. ex)class, eval, new ... 변수의 선언은 var, let, const로 할 수 있다. 선언 -> 초기화 단계로 변수가 선언된다. 선언 단계 : 변수명을 등록하여 JS 엔진에 변수의 존재를 알린다. 초기화 단계 : 값을 저장하기 위한 메모리 공간을 확..