본문 바로가기
반응형

js22

비동기 처리 어렵다고? 자바스크립트 콜백과 이벤트 루프까지 쉽게 설명해드립니다 ✅ 1. 콜백 함수란?콜백 함수는 다른 함수에 인자로 전달되어 나중에 실행되는 함수입니다.function greet(name, callback) { console.log(`안녕, ${name}`); callback();}greet("지민", () => { console.log("처음 뵙겠습니다!");});📌 실행 결과:안녕, 지민 처음 뵙겠습니다! 즉, 콜백 함수는 “나중에 호출(callback)될 함수”예요.❗ 2. 콜백 헬(callback hell)콜백을 너무 중첩해서 쓰다 보면, 다음과 같이 코드가 지옥처럼 꼬입니다.login(id, function(result) { getUserInfo(result, function(user) { getPosts(user, function(posts.. 2025. 4. 7.
템플릿 문자열 ES6 문법 중에 중요하다고 생각되는 내용들만 정리해볼 생각 입니다 가장 처음에 정리해볼껀 템플릿 문자열인데요 한번 알아볼까요? 기존에 있던 자바 스크립트의 문자열 사용 방법 입니다 let str1 = 'hello' let str2 = 'wolrd' let helloWolrd = str1 + ' ' +str2 //'hello wolrd' let cola = {name:'coca cola',price:'710원'} let messages = '제품 '+ cola.name + ' 1캔의 가격은 ' + cola.price + ' 입니다' // 제품 coca cola 1캔의 가격은 710원 입니다 자 이걸 템플릿 문자열로 바꾸게 된다면 이런식으로 바꾸면 됩니다 let str1 = 'hello' let str2 .. 2021. 1. 4.
javascript object 생성에 대해서 간단한 예제 function person (name,age){ let obj = {} obj.name = name obj.age = age obj.greeting = function(){ return `안녕 ${name}!!` } return obj } 이제 이 함수를 이용해서 새로운 사람을 만들수있습니다 const hyeon = person('hyeon',25) hyeon.name hyeon.age hyeon.greeting() 이제 생성자를 이용해서 한번 만들어볼까요? function Person (name,age){ let obj = {} this.name = name this.age = age this.greeting = function(){ return `안녕 ${this.name}!!` } r.. 2020. 12. 9.
객체 지향 프로그래밍에 대해서 (정리중) 자 객체 지향 프로그래밍에 대해서 알아보기전에 컴퓨터가 어떻게 작동이 되는지에 대해서 아주 간단하게 알아보겠습니다 컴퓨터는 산술 혹은 논리 연산을 수행하는 기계로써 1970년대 이후에 폰노이만 구조에 기반을 둔 디지털 컴퓨터로 구현이 됩니다 대형컴퓨터(슈퍼컴퓨터,메인프레임) 개인용 컴퓨터(데스크탑, 노트북, 테블릿) 이정도가 대표적인 컴퓨터로 볼수가 있습니다 컴퓨터를 잘 모르시는 분들께서도 컴퓨터는 1과0의 연산이라고 들어보신적 있을껍니다 전류가 흐르면 1 흐르지 않으면 0으로요 자 이제 객체 지향 프로그래밍을 알아볼까요? 객체 지향 프로그래밍은 자동차 공장에 비유를 하면 클래스라는 틀에 자동차 프레임들을 찍고 자동차를 생산하는것과 똑같다고 보시면 될것 같습니다 객체 지향의 개념은 플라톤의 이데아론를 보.. 2020. 12. 9.
Queues(정리중) Queues? Queues란 앞서 배운 Stack과 같이 요소를 추가하거나 제거 할수있는 위치에 제한이 있는 추상 데이터 유형이다 이러한 제한은 요소는 FIFO(First In First Out) 이다 Queue는 놀이공원의 줄처럼 생각 할수있습니다. 앞쪽에 있는 사람이 가장 먼저 이용을 하고 다음 줄을 서는 사람들은 맨뒤쪽으로 오겠죠? 이처럼 대기열에 처음 들어간 사람이 놀이기구를 먼저 이용을 하고 가장 최근에 줄을 선사람이 (대기열에 추가가 되지 않는다면) 제일 마지막에 놀이기구를 이용을 하겠죠 대기열에서 주요 초점은 요소가 제거가 되는 head와 tail 이 있습니다 필수기능 대기열과 관련된 두가지 작업 enquque(el)// quque의 끝에 요소 el을 추가한다 dequque()// quque.. 2020. 12. 3.
Stack Data Structure란? Data Structure는 데이터 구성,관리 및 저장 형식을 효율적으로 엑세스 및 수정을 하게 끔 모아둔 자료들을 의미한다. Stack Stack의 개념 위의 그림같이 진행 되는걸 LIFO(Last In First Out)이라고 한다 맨 처음 push 됬던게 제일 마지막에 빠져 나온것 이라고 보면 된다 stack은 할당된 공간이 있으며 할당된 공간이 모두 사용된 경우 push를 사용할수없게 된다 할당된 공간이 모두 사용되었지만 그럼에도 불구하고 push를 한경우 stack overflow가 발생된다 또한 할당된 공간이 비어있을때 pop이 시도 될때 stack underflow가 발생된다 JavaScript를 사용해서 구현 youtu.be/D_NbDvvuTOM class S.. 2020. 12. 3.
반응형