
인트로이 부분을 이해하려면 실행 컨텍스트를 알아야 합니다.클로저의 문지기가 실행 컨텍스트이기 때문에 저는 그때 실행 컨텍스트 공부를 했습니다.싱글스레드란 한 번에 하나의 태스크만 실행할 수 있는 방식을 말합니다. 자바스크립트 엔진은 단 하나의 실행 컨텍스트 스펙을 가집니다.이는 두 개 이상의 함수를 동시에 실행할 수 없다는 말과 같습니다. 현재 실행 중인 실행 컨텍스트를 제외한 모든 실행 컨텍스트는 대기 중인 테스크들입니다. 즉 , 자바스크립트 엔진은 싱글 스레드 방식으로 동작하는 것이죠. 따라서 오래 걸리는 태스크를 실행할 경우 블로킹(작업 중단)이 발생하게 됩니다. (바로 무한 존버 타이밍) function sleep(func, delay) { const delayUntil = Date.now(..

인트로너무 늦었기 때문에 정답률 높은 친구로 호다닥 풀어보았습니다..문제레벨1 : https://school.programmers.co.kr/learn/courses/30/lessons/87389?language=javascript나의 다양한 풀이function solution(n) { for (let i = 2; i 첫 번째 풀이가 훨씬 직관적.function solution(n) { for (let i = 2; i 진짜 자야함

인트로학교 동기들과 스터디를 만드는 스불재를 실천해 버렸습니다.4월까지 각자 마음에 드는 클론 강의 듣고 애플리케이션을 완성하기로 했습니다. 저는 인프런의 무비앱 시리즈를 선택하였습니다. 풀스택 맛이라도 보려고요. Boiler-plate을 이용한 강의이기 때문에 초기 제공 자료에 로그인 기능이나 nav는 완성된 상태였습니다.좀 아쉽지만 이 부분에 대한 강의도 있다고 하니 나중에 따로 찾아 듣기로 하죠. 그리고 이 강의가 나온지 꽤 되었기 때문에 감안하면서 들으려고 합니다. 오늘 한 것노드 환경 세팅 node verison을 강의 세팅과 동일하게 해 주었습니다.package.json에 대해 정확히 이해를 한 상태가 아니라서 그냥 강의에 맞추는 게 더 편하더라고요..movie api를 사용하여 유명한 영화 ..
![[TIL]2023-03-15](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbKbNtv%2Fbtr34UI4wgZ%2F7ptqdTwK28u0AQzdynFMIk%2Fimg.jpg)
오늘 배운 것클래스와 인스턴스프로토타입 (블로깅완료)OOP기억할 것OOP 네 가지 개념프로토타입 체인내일 공부할 것비동기/동기클래스 복습 프로토타입 정리하니까 9시가 됐어요.

인트로프로토타입을 읽을 때는 노션에 살짝 쿵 정리하고 넘어갔는데 마침 부트캠프에서 프로토타입 내용을 다뤄 블로그에 써보려고 합니다. 프로토타입 교체 부분에서 머리를 한번 깬 경험이 있는데요 지금은 괜찮지 않을까요?객체지향프로그래밍부터자바스크립트는 객체 기반 프로그래밍 언어입니다.원시 타입을 제외한 나머지 값들이 모두 객체이니까.. 객체의 비중이 크죠. 객제지향 프로그래밍은 말 그대로 객체의 집합으로 프로그램을 표현하려는 것을 말합니다.현생에서 사물과 같은 실체는 특징이나 성질을 나타내는 속성을 가집니다.우린 이를 통해 실체를 인식하거나 구별합니다.사람은 이름, 성별, 나이, 생년월일 등 다양한 속성을 가집니다. 이러한 속성들로 다른 사람과 구별하여 인식할 수 있죠. 다양한 속성 중에서 프로그램에 필요한 ..
![[블로깅]객체 지향 프로그래밍](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F2HjI7%2FbtsICiY140R%2FbKecIT0ysb2z8ms8X9fV01%2Fimg.jpg)
인트로오늘 과제가 다 블로깅이라 계속 올라올 것 같네요 포스트 개수 늘리기 개꿀..?이번에는 객체 지향 프로그래밍에 대해서 알아보겠습니다.객체 지향 프로그래밍(OOP) 탄생객체 지향 프로그래밍(Object Oriented Programming) 이전에 절차 지향 프로그래밍(Procedural Programming)이 있었다..?! (C, 포트란이 절차적 언어에 해당됩니다.)절차적 언어는 순차적인 명령의 조합을 말합니다. 절차 지향 프로그래밍은 함수로 이동하는 게 전부였다면... 객체 지향 프로그래밍 등장 이후 데이터와 기능을 한 번에 묶어 처리할 수 있게 되었습니다.(Java, C++ 등이 객체 지향 언어에 해당됩니다.) JS는 객체 지향으로 작성이 가능합니다. OOP는 객체로 그룹화됩니다. 객체 내에는..
![[블로깅]클래스와 인스턴스](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbc5a1O%2FbtsIDo4YO92%2FuWIMlWR7Wj6UobSsINTlgk%2Fimg.jpg)
인트로클래스에 대한 깊고 자세한 내용은 아래 포스트에 있습니다. 내가 해냄 ver에 상속과 인스턴스 생성 과정 등의 내용을 포함하고 있습니다.오늘은 블로깅 과제용 간단 요약 ver입니다. 클래스 내가 해냄인트로안녕하세요 오늘은 어제 DOM 때문에 못했던 클래스 공부를 해보려고 합니다.또 속을 수 없어서 페이지 수부터 확인했습니다. 짧진 않지만 DOM만큼의 빌런은 아니었습니다.처음부터 프로토i-did-it.tistory.com 클래스를 정의해 보자클래스는 데이터와 이를 조작하는 코드를 하나로 추상화합니다. 클래스는 특별한 함수입니다. 클래스도 함수처럼 class 표현식과 class 선언으로 정의할 수 있습니다.Class 선언class Counter { constructor() { this.value = ..
![[TIL]2023-03-14](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FbB3o1b%2Fbtr3XXY7rcY%2FKKV4THV0RBnGl0w7zIQgok%2Fimg.jpg)
오늘 배운 것일급객체고차함수 : 함수를 전달인자로 받을 수 있고 함수를 리턴할 수 있는 함수내장 고차함수 map, filter, reduce 추상화 : 복잡한 어떤 것을 압축해서 핵심만 추출한 상태로 만드는 것딥다이브ES6 함수의 추가 기능 (블로깅완료)배열 고차 함수 (블로깅완료)DOM 복습 기억할 것일급 객체의 특징 3가지변수에 할당 가능다른 함수의 전달인자로 전달 가능다른 함수의 결과로서 리턴 가능콜백함수, 커링 함수의 정의콜백함수 : 다른 함수의 전달인자로 전달되는 함수커링함수 : 함수를 리턴하는 함수고차함수는 사고 수준의 추상화입니다.사고 수준의 추상화는 함수를 전달받아 처리하는 수준을 말합니다.값을 전달받아 처리하는 값 수준의 추상화도 있습니다.메서드 정의할 때는 ES6 메서드 축약 표현을 사..