JS16 [JavaScript] Symbol Symbol Type은 무엇인가요?2015년 ES6에서 새로 추가된 원시 타입.유니크한 식별자를 만들기 위해서 사용된다. Symbol 값을 생성하는 방법은?Symbol 은 유니크한 식별자를 위해 사용Symbol은 보이는게 같더라도 내부에서는 다른 값을 가진다.const sym1 = Symbol();const sym2 = Symbol();console.log(sym1 === sym2); // falsedescription을 줄 수 있다 - 뭔지 구분할 수 있음디버깅 할 때 사용 할 수 있다. 이게 없다면 어떤 심볼인지 알기 어렵다.const sym1 = Symbol();const sym2 = Symbol();const sym3 = Symbol('hi');console.log(sym1) // Symbol().. 2025. 1. 9. [JavaScript] 비동기요청에서 Callbacks, Promise 그리고 Async/Await 자바스크립트는 싱글스레드그래서 하나의 일을 할 때 하나밖에 못함 → 그런데 그 하나의 일이 오래 걸리는 일이면?→ 다른 작업들은 그 오래걸리는 일이 끝날 때 까지 오~~래 기다려야한다.⇒ 이러한 문제점을 해결하기 위해서 비동기로 어떠한 일을 수행하게 된다.만약 비동기 요청이 여러 개 있을 때 하나의 요청이 다른 요청의 결과에 의존한다면? 위의 소스코드에서 처럼 둘 다 비동기 요청을 보내는데 두 번째 요청에서 첫 번째 요청의 결과가 필요할 수가 있다.하지만, 둘 다 병렬적으로 요청을 보내기 때문에 response1을 가지기 전에 두 번째 요청이 보내지게 된다.⇒ 이 문제를 어떻게 해결할까? Callback 함수, Promise, Async Await 를 이용하는 세 가지 방법이 있다.Callback 콜백 .. 2025. 1. 9. [JavaScript] OOP, 다형성 기억이 휘발되기 전에제일 최근에 공부한 내용부터 업로드해야겠다.OOP(Object-oriented programming)란?객체 지향 프로그래밍 (OPP)는 Java 및 C++을 비롯한 많은 프로그래밍 언어의 기본이 되는 프로그래밍 패러다임.객체 지향 프로그래밍은 여러개의 독립된 단위 “객체”들의 모임으로 컴퓨터 프로그램을 파악한다 ⇒ 객체 지향 프로그래밍은 객체들의 모임이다.객체 지향 프로그래밍이 나오기 이전: 명령어의 목록을 나열(절차지향) 하는 기능 구현을 목적으로 작성했음⇒ 코드를 길게 작성하다보면 알아보기 힘든 복잡한 코드 생성 ⇒ 하나의 문제 해결을 위한 독립된 단위인 객체로 만듬→ 알아보기 쉽고, 재사용성 높아졌음. 왼쪽 사진 예시car 에 대한것들animal에 대한것들 모아두었음 .. 2025. 1. 9. [JavaScript] 조건부 삼항 연산자 조건부 삼항 연산자 (Conditional Operator)간단하게 if 문을 한줄로 적은것이다 라고 생각하면 된다. "a가 True면 a를 할당하고, True가 아니면 b를 할당"하는 코드를 작성해보자. 1. if 문으로 작성if (a) { a = "a";} else { a = "b";} 2. 이걸 삼항연산자로 한줄에 작성하면a ? a = "a" : a = " b" 이다. "얘 진짜임 ? ㅇㅇ 트루 : ㄴㄴ 거짓 "이라고 보면된다. 끝 2025. 1. 9. [JavaScript] 자바스크립트 this 키워드 (메소드, 함수, 생성자함수, 화살표함수, Lexical this) 시험기간이 겹쳐서 이제야 올리는 블로그 포스팅자주 사용하지만 잘 모르는 this에 대해 공부하였다.this라는 키워드는 여러 상황에서 다른 것들을 참조한다.메소드에서는 객체를 가리키고함수에서는 window 객체를 가리킴생성자 함수에서는 빈 객체를 가리킴1. 메소드에서 this 사용 ⇒ 해당 객체를 가리킨다 (참조한다): 메소드에서 this를 사용할 경우 해당 메서드를 호출한 객체를 참조한다. ✏️ 메소드 : 객체의 속성으로 추가된 함수// Method => Object// 객체 audioconst audio = { // 속성타이틀은 a라는 속성값을 가짐 title: 'a', // play는 객체 안에 있으니 메소드 play() { console.log('play this.. 2024. 12. 22. [JavaScript] 자바스크립트 (이벤트의 세 단계 흐름, Event Bubbling, Event Capturing, Event Delegation) Event Bubbling: 가장 깊게 중첩된 요소에 이벤트가 발생했을 때 이벤트가 위로 전달되는것을 말함. (bubble up)그림에서는 3번이 가장 깊게 중첩되었음.3번→ 2번 → 1번 순으로 진행됨.3번요소, 2번 요소, 1번 요소에 그 이벤트에 대한 핸들러가 있다면3번→ 2번 → 1번 순으로 진행됨. div -> form 순으로 alert 뜸 --> FORM DIV P 이벤트 버블링 중단: event.stopPropagation()FORM DIV P Event Capturing: 이벤트 버블링과 다르게 제일 상단에 있는 요소에서 아래로 이벤트가 내려오는 것이걸 이해하려면 실제로 이벤트가 어.. 2024. 12. 4. 이전 1 2 3 다음
