전체 글 87

[데브로드] 1주차 주간회고 - 시작이 반이다

[데브로드] 1주차 주간회고 시작이 반이다 우연한 기회로, 어쩌면 반강제적으로, 혹은 인연으로 시작한 데브로드 코스의 첫 주가 지나갔다. 한국인에겐 세 번의 새해가 있는데, 그 말은 작심삼일을 3번 시작할 수 있다는 뜻이다. 양력 1월 1일, 음력 1월 1일, 그리고 새학기가 시작되는 3월 2일. 내가 참여한 데브로드 2기는 3월 6일에 개강을 했다. 오랜 시간 혼자 공부해오던 나에게 새로운 단체에 소속되는 것은 설렘보다는 두려움에 가까웠다. 그래도 이 코스는 나에게 어떤 방식으로든 도움이 될 수밖에 없을 것이고, 필연적인 도전이었다. 안내 메일을 받고 입국수속을 하듯 디스코드에 참여해 이것저것 둘러보고, 개강하기 전에 해야 할 작은 과제를 수행했다. 첫 주에는 프론트엔드 개발 환경 세팅을 학습했다. 월..

[JavaScript] 코어 자바스크립트 - 4. this

1. 자바스크립트 this는 다른 언어와 어떻게 다른가요? 다른 객체 지향 언어들에서는 클래스의 인스턴스에서만 this를 사용 가능 자바스크립트는 this를 어디서나 사용 가능하며, 객체와 관한 동작을 수행하기만 하면 메소드라고 부르기 때문에 혼란이 있음 2. 일반 함수와 화살표 함수에서 this가 어떻게 동작하나요? 일반 함수는 따로 this를 바인딩하지 않으면 기본적으로 전역객체를 가리킴 es6에서 등장한 화살표 함수는 this를 바인딩하지 않기 때문에 상위의 this를 가리킴 3. this의 명시적 바인딩, 암시적 바인딩 대해서 설명해주세요. 명시적 바인딩은 call, apply, bind 등의 메소드를 사용하는 방법과 스코프 체인을 이용(상위 스코프에서 var self = this 선언)하는 방법..

개발/JavaScript 2023.03.06

[JavaScript] 코어 자바스크립트 - 3. 이벤트 루프

1. 이벤트 루프에 대해 설명해 주세요. (비동기 처리, 자바스크립트 동시성 처리) 자바스크립트는 싱글 스레드 언어이기 때문에 콜 스택이 하나이지만, 동시에 작업을 처리하기 위해 논 블로킹으로 작업을 수행 그렇기 때문에 비동기 처리가 가능 자바스크립트 엔진이 브라우저 위에서 동작할 때, Web API를 사용할 수 있는데 비동기 처리를 위해 Web API 및 콜백 큐, 이벤트 루프를 이용 이를 통해 자바스크립트는 작업을 동시에 수행할 수 있음 2. 콜 스택에 대해서 설명해 주세요. 자바스크립트 엔진을 이루는 것 중 하나 함수가 호출됐을 때 스택으로 쌓이는 후입 선출의 자료구조 형태 자바스크립트 파일의 어느 부분이 현재 실행 중인지 알 수 있음 3. Web API에 대해서 설명해 주세요. (비동기 처리를 위..

개발/JavaScript 2023.03.06

[NAVER DEVIEW 2023] 오프라인 IT 컨퍼런스 첫 방문기

NAVER DEVIEW 2023 오프라인 IT 컨퍼런스 첫 방문기 DEVIEW 2023 DEVIEW는 국내외 개발자들이 서로의 지식을 나누고, 탁월함을 추구하며, 함께 성장하는 컨퍼런스 입니다. deview.kr 지난 화요일, 내 생애 첫번째 '오프라인' IT 컨퍼런스를 다녀왔다. 원래 DAY 1에 듣고 싶은 세션이 더 많았지만 깜빡하고 티켓팅을 놓쳐서 2월 28일 DAY 2 날짜에 방문하게 되었다. DAY 2 티켓팅도 3-4분만에 매진됐던 것 같은데, 코로나 이후로 더 그렇게 느껴지는진 몰라도 요새 모든게 다 선착순 티켓팅같다🥲 식당 오픈 예약도 미용실도 죄다 예약제.. 아무튼 한창 코로나 때문에 각종 오프라인 행사들이 열리지 않기도 했었고, 그 전에는 개발에 그다지 관심이 없었기 때문에 이번이 나의 ..

[JavaScript] 코어 자바스크립트 - 2. 실행 컨텍스트

1. 실행 컨텍스트란 무엇인가요? 코드가 실행되는 데에 필요한 환경 정보가 담긴 객체 2. 실행 컨텍스트의 환경에 대해서 설명해 주세요. 실행 컨텍스트는 3가지로 구성 1. VariableEnvironment 2. LexicalEnvironment 3. ThisBinding 3. 실행 컨텍스트의 생명주기에 대해 설명해 주세요. 실행 컨텍스트는 함수가 실행될 때 생성됨 VariableEnvironment에서는 식별자를 수집 VariableEnvironment를 복사해서 LexicalEnvironment가 만들어짐 LexicalEnvironment에서는 식별자의 데이터에 변화가 생기면 실시간으로 반영 코드가 다 실행되고 함수가 종료되면 실행 컨텍스트도 소멸 4. LexicalEnvironment는 무엇인가요..

개발/JavaScript 2023.02.26