브라우저는 자바스크립트를 해석하고, 실행할 수 있는 자바스크립트 엔진을 내장하고 있음. 또한, Node.js도 자바스크립트 엔진을 내장하고 있음. 따라서 자바스크립트는 브라우저 환경 또는 Node.js 환경에서 실행 가능 하지만, 브라우저와 Node.js는 용도가 다르다!! 브라우저 Node.js 자바스크립트를 해석하고 실행할 수 있는 자바스크립트 엔진을 내장, ECMAScript 를 실행가능(몇몇 기능은 호환 X) HTML, CSS, Javascript를 실행하여 웹페이지를 브라우저 화면에 랜더링 하는 것이 주 목적 브라우저 외부에서 자바스크립트 실행 환경을 제공해주는 것이 주 목적 파싱된 HTML 요소를 선택하거나 조작하는 기능의 집합인 DOM API를 기본적으로 제공 DOM API 을 제공하지 않음..
전 포스팅으로 비동기, 동기를 알아보았다. 이제 콜백과 왜 프로미스, async/await을 사용하는지 알아보도록 하자 13. 동기와 비동기, 블로킹과 논블로킹 블로킹 이라는 말을 처음 들었을때, 대충 추상적으로 아 다른 함수가 실행중일때 다른 함수를 실행못하게 막는건가...?? 라고 막연하게 생각했었는데 이번에 동기님들의 스터디 발표와 여러 참 jhbljs92.tistory.com ☎️ 콜백(callback)이란?? 콜백이란 함수(A)의 전달인자(argument)로 넘겨주는 함수(B)를 말한다. 매개변수를 넘겨 받은 함수(A)는 callback함수(B)를 필요에 따라 즉시 실행(동기, synchronously)할 수도 있고, 나중에 실행(비동기, asynchronously)할 수도 있다. 쉽게 이해하기..
블로킹 이라는 말을 처음 들었을때, 대충 추상적으로 아 다른 함수가 실행중일때 다른 함수를 실행못하게 막는건가...?? 라고 막연하게 생각했었는데 이번에 동기님들의 스터디 발표와 여러 참고자료를 보고 정리를 해보려고한다. 동기(Synchronous) 와 비동기(Asynchronous) 의 차이부터 알아보자. 먼저, 동기와 비동기의 실행방법과 나눠진 이유를 알아보려면 스레드(Thread)라는 것을 알아야한다. 자바스크립트는 싱글 스레드(Single Thread) 언어라고 불린다. 스레드 - 프로세스 내에서 실행되는 흐름의 최소 단위 즉, 쉽게말해 프로세스 내에서 실제 작업을 하고있는 주체라고 생각하면 된다. 그리고, 스레드는 자신만의 프로그램 카운터와 시스템 레지스터, 스택을 가진다. 따라서, 자바스크립트..
3월 17일 진행한 underbar 풀이를 정리해본다. underbar?? 밑줄...?? 내가 처음 과제를 받자마자 든생각은 이랬다. underbar는 배열 메서드가 브라우저에서 자체적으로 지원하지 않았을 시절, 보다 나은 방법으로 배열이나 객체를 다루기 위한 도구 모음집을 만들었는데 이를 라이브러리(Library)라고 불렀다. 따라서 이번 과제는 배열, 객체를 다루는 Underbar 라는 라이브러리를 직접 구현하면서 내장 메서드가 어떻게 동작하는지 원리를 학습. 여기서 collections가 나오는데, 이게 무엇이냐!!! collection을 직역해보면 , '모음', '무리' 라는 뜻이다. cs(컴퓨터 사이언스)에서는 '데이터(data, 자료)의 모음'이라고 생각할 수 있다. 우리가 배운 collect..
문제 : 문자열을 입력받아 문자열을 구성하는 각 단어의 첫 글자로 이루어진 문자열을 리턴해야 합니다. 입력 : string 타입의 공백이 있는 알파벳 문자열 출력 : string 타입을 리턴해야 합니다 주의사항 : 단어는 공백 한 칸으로 구분합니다. 연속된 공백은 없다고 가정합니다. 빈 문자열을 입력받은 경우, 빈 문자열을 리턴해야 합니다. 입출력 예시 : 풀이 : 나만의 해설: 먼저, 주의사항에 빈 문자열을 입력받는 경우, 빈 문자열을 리턴해야 하니까 if문을 주어 str의 길이가 0이면 "" 빈 문자열을 리턴하게 해주었다. 문자열로 리턴해야하니까 변수result를 ""로 초기화시켜주고, str이라는 문자열을 받고, 받은 문자열을 split(" ")을 통해 공백을 기준으로 찢어서 배열에 담는다. 그 공..
프로토타입 #1 에 이어서 정리를 하려한다. 함수 객체의 Prototype 프로퍼티 함수 객체만이 소유하는 prototype 프로퍼티는 생성자 함수가 생성할 인스턴스의 프로토타입을 가리킴. 생성자 함수로서 호출할 수 없는 함수, 즉 non-constructor 인 화살표함수, ES6 메서드 축약표현으로 정의한 메서드는 prototype프로퍼티를 소유하지 않으며 프로토타입도 생성하지 않음 생성자 함수로 호출하기 위해 정의하지 않은 일반 함수(함수 선언문, 함수 표현식)도 prototype 프로퍼티를 소유하지만 객체를 생성하지 않는 일반 함수의 prototype 프로퍼티는 의미가없다. 모든객체가 가지고있는 __proto__ 접근자 프로퍼티와 함수 객체만이 가지고 있는 prototype 프로퍼티는 결국 동일한..
문제 : 배열을 입력받아 차례대로 배열의 첫 요소와 마지막 요소를 키와 값으로 하는 객체를 리턴해야함. 입력 : string 타입을 요소로 갖는 배열 출력 : 객체를 리턴해야합니다. 주의사항 : 빈배열을 입력받는 경우, 빈객체를 리턴 입출력 예시 : 풀이 : 변수 sol은 객체로 리턴되야 하니까 {}로 선언해주고, 빈배열을 입력받으면, 빈객체를 리턴해주고 sol이라는 객체에 key값으로 arr[0], value값은 arr[ arr.length - 1 ] 로 arr배열의 마지막 요소를 value값으로 넣어준다. 그리고 sol을 리턴해주면 완!!
