운동과 개발

0. 서론 자바스크립트 공부를 하던중, "빌트인 객체" 라는 개념에 꽃혀 공부를 하다가 정리할 좋은 기회가 생겨 정리를 마음먹고 바로 글을 쓰게 되었다. 오늘은 조금 헷갈리던 개념인, 1. 자바스크립트와 ECMAScript 의 차이점 2. 자바스크립트의 객체 [빌트인 객체와 빌트인이 아닌 객체] 에 대해 정리를 해보겠다. 정말 누가봐도 쉽게 이해할 수 있도록 글을 작성하려고 노력했지만, 혹시 이해가 안간다면 댓글을 달면 이해시켜주겠다. 1. 자바스크립트 실행 환경 자바스크립트 실행환경은 다음 그림과 같다. 이번 글의 핵심은 자바스크립트의 실행환경이 아니고, 자바스크립트와 ECMAScript가 무엇이 다른지에 대해 적어보려고 한다. 바로 핵심 글로 넘어가보겠다. 2. 자바스크립트와 ECMAScript 2-..

0. 서론 프론트엔드 개발자에게 브라우저란 일을 제공해주는 플랫폼이고, 개발을 함에 있어서 기본이 되는, 꼭 알아야만 하는 것이라고 생각한다. 프론트엔드 면접 관련 질문을 찾아봐도 어딜가나 쉽게 찾아볼 수 있는것을 보면 아마 그러한 질문을 하는 면접관(시니어 개발자)들도 이 중요성을 알기때문에 질문하는 것이겠지? 라는 생각이 든다. 그렇다고, 모든 프론트엔드 개발자가 브라우저의 모든 원리에 대해 잘 알고 있는 것은 아니라고한다. 브라우저는 아주 많은 기능을 수행할 수 있는 복잡하고 고도화된 어플리케이션 이기 때문이다. 하지만, 더 나은 프론트엔드 개발자가 되기 위해서 결국에는 전 과정을 설명할 수 있는 단계까지 가야만 한다고 생각한다. 그래서 이번 기회에 되도록 최대한 많은자료들을 보고 정리를 해보려고 ..

한줄요약 : 성공적 마무리. 0. 들어가며... 이번 글은 8주차 스터디, 1회독이 끝나고, 한 주를 마무리 하며 적는다. 전체 페이지로는 900페이지가 조금 넘는 자바스크립트 책 1회독을 드디어 성공적으로 마무리했다. 제로베이스 과정의 절반이 넘어갔는데, 이 기간 중 가장 기억에 남고 뜻깊은 약 두달간의 시간이었다. 스터디를 진행하기에 앞서, 내가 세운 1회독의 목표는 70%이상의 이해가 목표였다. 스터디를 진행하면서 모든 장들에 대해 내가 이해한 정도를 주관적으로 낮게 측정하여 기록하였다. 한눈에 살펴보니 대략 60%정도는 이해했다고 생각이 든다. 실제로 60%를 이해하지 못했어도 50%이상은 이해했다고 자신있게 말할 수 있다. 공부를 진행하면서 프로그래밍의 기본적인 부분에 대해서도(예를들어, 변수,..

0. 들어가며... 벌써 4개월을 넘어 5개월 차를 진행하고 있다니,, 시간은 모두 공평하게 흐른다. 현재는 모던 자바스크립트 deep dive 책 스터디와 리엑트를 동시에 진행하고 있다. (책스터디에 더 치우쳐 있긴 하지만,,) 이번 4개월차를 보내면서는 프로그래밍 공부법에 대해 내 생각이 정리된 달이었다. 1. 4개월차 회고 & 생각정리 4개월차 , 11주차(6.12) ~ 16주차(7.23) 까지의 기간은 모던 자바스크립트 deep dive의 저자이자, 강사인 이웅모님과 매주 화 , 목 2 ~ 5시에 스터디를 진행하게 되었다. 스터디를 위해 제로베이스 스크럼 팀이 다시 짜여졌고, 각자 주어진 범위의 책을 읽고, 서로 토의하고, 강사님의 질문 해소시간 + 추가 프로그래밍의 지식에 대한 설명을 들으며 스..

Vite와 Webpack은 가장 인기 있는 프론트엔드 빌드 툴 중 두 가지이다. 두 툴 모두 다양한 기능과 이점을 제공하지만, 몇 가지 주요 차이점도 있다. 이 글에서는 Vite와 Webpack을 비교하여 어떤 툴이 적합한지 결정하는 데 도움이 되기를 바라며 글을 작성한다. 1. vite Vite는 2019년에 출시된 새로운 프론트엔드 빌드 툴이며, 빠르고 간단하며 사용하기 쉽도록 설계되었다. Vite는 Native ES 모듈을 사용하기 때문에 CommonJS 모듈을 사용하는 Webpack보다 빠르다. 또한 Vite는 Webpack보다 작은 풋프린트를 가지고 있기 때문에 메모리와 CPU 리소스를 덜 사용한다. **풋프린트란? 풋프린트는 일반적으로 컴퓨터 소프트웨어의 크기, 메모리 사용량, CPU 사용량 ..

한줄요약 : 잘 안될 때는 천천히 읽으면 읽힌다. 0. 들어가며... 이번 글은 스터드 5주차 회고록이다. [7.10 - 7.16] 5주차의 주요 키워드는 클래스, ES6의 메서드의 정의, 화살표함수, 배열(고차함수, mutator method, accessor method), Number, Math, Date 였다. 결론부터 말하면, 이번 범위역시 대부분 이해했다고는 생각하지만, 당연한 것이지만, 반복해서 봐야할것 같다고 느꼈다. 특히 클래스는 시간을 내서 천천히 음미하면서 읽고, 코드를 따라쳐봐야 할것같다. 이번 라이브세션에서 강사님이 말씀해 주신것중 머릿속에 특히 남은부분은, 배열의 mutator method 와 accesoor method 에 관한것이다. 요약하면, 원본 배열을 변경하는 메소드는 ..

1. npm 이란? npm은 Node Packaged Manager의 약자이다. 1. Node - Node.js 를 의미한다. 2. Packaged - package로 만들어진 것들을 의미한다. 3. Manager - 관리자를 의미한다. 위의 단어들의 의미를 합쳐보면 npm이라는 것은 Node.js로 만들어진 package(module)을 관리해주는 툴이라는 것이 된다. 2. yarn 이란? Javascript 패키지 매니저이다. 프로젝트 패키지 의존성을 관리하는 툴이며, 다른 개발자들과 패키지를 공유할 수 있도록 도와준다. npm과 마찬가지로 패키지의 저장소를 제공하며, 시스템에서 의존 패키지를 설치, 업데이트 할 수 있도록 도와준다. package.json 파일을 통해 해당 프로젝트가 의존하고 있는 ..

한줄요약 : 실행컨텍스트, 클로저? 별거 아니였네 0. 들어가며... 이번 글은 스터디 4주차 회고록이다. [7.3-7.9] 진행 4주차는 프로토타입, strict mode, 빌트인객체, this, 실행컨텍스트, 클로저, 클래스(반만다룸) 까지 토의를 나눴다. 이번 범위 역시 자바스크립트라는 언어를 공부하는데 있어 매우 중요한 개념들이엇다. 결론부터 말하면, 자바스크립트의 핵심 개념중 하나인 this, 실행컨텍스트, 클로저에 대해 완벽하다고 말할순 없지만, 상당히 많은 부분 이해했다고 말할 수 있다. 물론, 아직 남에게 설명할 단계까지는 못온것으로 느낀다. 하지만 코드를 보고 이게 클로저구나, 코드실행과정에서 콜스택(실행컨텍스트스택)에 실행컨텍스트와 그 렉시컬환경에 대한 그림이 머릿속에 그려지는 정도? ..

한줄요약 : 자바스크립트에 대해 조금은 알 것 같은 느낌이 들었다. 0. 들어가며... 이번 글은 스터기 3주차 회고록이다. [6.25 - 7.2] 진행 3주차는 함수, 스코프, let, let, const 키워드, 프로토타입 범위로 토의를 나눴다. 앞부터 하나도 중요하지 않은 부분 없는것으로 느꼇다. 왜냐하면, 앞의 내용을 모르면 뒤에서 이해가 되지 않을 것이기 때문이다. 이번글도 결론부터 말하면, 자바스크립트의 핵심 개념인 prototype에 대한 이해도가 상당히 높아진것을 느꼈다. 사실상 prototype이란것에대해 이해도라는것이 '0' 에 수렴했기때문에 위와같이 상당히 높아진것을 느꼈다고 적었다. 앞으로 개발자 취업을 준비하는 과정에서 반복적으로 읽게될것이고, 그때, 더 빠르게 이해하면서 더 깊게..

0. 들어가며... 시간이 너무 빠르게 흘러갔다. 시간이 빨리 갔다는건 그만큼 반복되는 하루를 최선을 다해 살았다는 증거라고 생각한다. 물론 항상 어제를 내가 할 수 있는 최선을 다 했냐고 생각하면, 거의 대부분 후회가 남는다. 어느덧 제로베이스 프론트엔드 스쿨의 반이 지나갔다. 이번 글은 9-12주차 기록이다. 이번 2~3달차 기간은 많은 생각의 변화가 있었고, 분명한건 성장하고 있다는 것도 몸으로 느끼고 있다. 이번글은 에세이 형식으로 글을 작성해 보겠다. 1. 자료구조 & 알고리즘 과 코딩테스트 1알고리즘 같은경우, 여러가지 이유로 하루 한시간도 투자하지 않는 것으로 계획을 변경했다. 결국엔 시간을 투자해야할 곳이지만, 지금 나에게있어서 코딩테스트가 중요한것은 아니라고 판단되어, 잠시 중단했다. 모..