본문 바로가기
728x90
반응형

부트캠프23

TIL-8 콜백 함수와 동기/비동기 처리 TIL-8 콜백 함수와 동기/비동기 처리prologue. 콜백 함수 하나 추가요~그거 콜백지옥 아니야?    1. 콜백함수이번 시간에는 TIL - 7 까지 자주 언급되었던 콜백함수에 대하여 조금 더 자세하게 알아보려고 한다. // setTimeoutsetTimeout(function() { console.log("Hello, world!");}, 1000);// forEachconst numbers = [1, 2, 3, 4, 5];numbers.forEach(function(number) { console.log(number);}); 콜백함수는 위 예제와 같이 setTimeout나 배열에 대한 forEach와 같은  구문에서 사용되었었다. 1- 1 콜백함수란이쯤에서 다시한번 콜백함수란 무엇인지 생각해.. 2024. 6. 22.
TIL-7 javaScript 실행컨텍스트(스코프, 변수, 객체, 호이스팅) 와 this TIL-7 javaScript 실행컨텍스트(스코프, 변수, 객체, 호이스팅) 와 thisprologue. 변수 올라와라~ 호이~호이스팅~ 코드를 이렇게 순서대로 해석하면 되겠군? 아니오 그건 틀렸습니다호이스팅의 마법의 세계로 따라오시죠!    1. 실행컨텍스트JavaScript의 실행컨텍스트는 실행할 코드에 제공할 환경 정보들을 모아놓은 객체다.JavaScript는 어떤 실행 컨텍스트가 활성화 되는 시점에 다음과 같은 일을 한다. 1. 선언된 변수를 위로 끌어 올리는 일 = 호이스팅2. 외부 환경 정보 구성3. this 값 설정 위와같은 현상들 때문에 JavaScript에서는 다른 언어와는 다른 특징들이 나타난다. 1- 1 실행 컨텍스트 란? 콜스택(call stack)실행 컨텍스트란 실행할 코드에 제공.. 2024. 6. 21.
TIL-6 데이터 타입(심화) TIL6 데이터 타입(심화)prologue. 반복되는 개념.. 그리고 반복될 수록 심화되는 개념들.. 끝난줄 알았지? 새로운 개념 하나 더 투~척~!  1. 데이터 타입 심화 JavaScript에서 갑의 타입은 크게 기본형과 참조형으로 구분된다.구분 기준은 값의 저장 방식과 불변성 여부아래 기본형과 참조형의 구분 기준을 참고 하면 이해에 도움이 된다.💡 [기본형과 참조형의 구분 기준]복제의 방식기본형 : 값이 담긴 주소값을 바로 복제참조형 : 값이 담긴 주소값들로 이루어진 묶음을 가리키는 주소값을 복제불변성의 여부기본형 : 불변성을 띔참조형 : 불변성을 띄지 않음자, “불변성을 띈다” 이 말을 이해하기 위해서 우리는 메모리와 데이터에 대한 내용을 이해해야만 합니다. 아래에서 그 배경지식을 낱낱이 살펴보.. 2024. 6. 20.
TIL-5 프로그래밍 기초1 테스트 (JavaScript) TIL-5 프로그래밍 기초1 테스트 (JavaScript)prologue. 문제를 잘 읽어야 문제를 잘풀지~돌다리고 두들겨 보고 가라는 말이 있듯..문제를 풀때는 문제를 제대로 이해하고 풀어야 한다..   프로그래밍 기초1 테스트 (JavaScript)Q1. 90점을 넘으면 A등급, 아니라면 B등급을 출력하는 소스코드입니다. 빈칸에 들어갈 알맞은 소스코드는?const score = 85;let grade;(빈칸)console.log(score+"점은 "+grade+"등급입니다.");//실행결과 : 85점은 B등급 입니다.(score>90)? score='A' : 'B';(score>90) : score='A' ? 'B';grade=(score>90)? 'A' : 'B';if (score>90) grade.. 2024. 6. 20.
TIL-4 JavaScript로 숫자야구게임 구현하기 TIL-4 JavaScript로 숫자야구게임 구현하기  prologue. 재미있는 야구 게임을 만드는 사람은재미가 없을 수 있다..😀.. 오늘은 팀과제를 제출하기 하루전 과제는 숫자로 하는 야구 게임 만들기!!게임을 만들 생각에 아주 신이난다. 분명 .. 신이 났었는데.. 만들기 시작한 이후..어라 눈에서 왜 눈물이.. 😭  1. 주차별 팀과제주차별 팀과제는 위 사진과 같다.  컴퓨터는 0과 9 사이의 서로 다른 숫자 3개를 무작위로 뽑습니다. (ex) 123, 759사용자는 컴퓨터가 뽑은 숫자를 맞추기 위해 시도합니다.컴퓨터는 사용자가 입력한 세자리 숫자에 대해서, 아래의 규칙대로 스트라이크(S)와 볼(B)를 알려줍니다.숫자의 값과 위치가 모두 일치하면 S숫자의 값은 일치하지만 위치가 틀렸으면 B기.. 2024. 6. 19.
TIL-3 ES 6 문법과 일급객체로서의 함수 그리고 Map과 Set TIL-3 ES6 문법과 일급객체로서의 함수 그리고 Map과 Setprologue. 배운걸 반복하는데 왜 어렵지..?이번 포스팅에서는 2주차 과정에서 배운 개념들을 정리하려고 한다.어라? 앞서 1주차에도 배운 개념들이 반복되네? 와 신난다 ~! 도 잠시..왜 어렵지??... 😃..  1. ES 6 (ECMAScript 6)ECMAScript 6는 JavaScript의 버전 중 하나로 2015년에 발표되었으며 ES 6 버전 업데이트에서는 기존 ES5 보다 개발자들이 효율적으로 코드를 작성 할 수 있도록새로운 문법과 기능을 도입하였다. 그렇다고 JavaScript 버전이 2015년 업데이트 이후로 끝난것은 아니고,아래와 같이 지속적인 업데이트가 유지되고 있다. ECMAScript의 역사 및 버전ES1: 1.. 2024. 6. 18.
728x90
반응형