Javascript

객체지향 프로그래밍으로 변환하는 과정에서 분명히 같은 객체의 메소드로 this를 호출하는데 "not a function", "undefiend"라는 오류에 빠지게 되어 this에 대해 정리를 해보고자 한다.

피 연산자가 3개인 연산자를 말한다.

Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운 Array 객체를 만든다.

다양한 Array의 Method를 하나하나 기억하기가 어려워서 정리를 하여 익숙해 질 때까지 찾아보면서 반복을 해보고자 한다. (📝 Updating)

프로그래머스 연습문제 풀이중 문자열을 배열로 가져오는데 나는 split()메소드를 사용했지만, 다른 사람의 문제 풀이에서 전개연산자를 보개되었다. 유용한 전개연산자에 대해서 알아보자.

코딩에서 사용하기에 유용한 정규식을 정리하여 필요할 때 찾아보고 사용하면서 익혀보자. (📝 Updating)

객체와 배열은 아래와 같은 특징을 가지고 있다. - 객체 : 키가 있는 컬렉션을 저장함 - 배열 : 순서가 있는 컬렉션을 저장함 객체와 배열이 가지고 있는 특징만으로 현실 세계를 반역하기에 어려움이 많아 Set과 Map이 등장 했다.

코드스쿼드 마스터즈 테스트 중 여러 Object(행성)을 생성하는 단계에서 나의 코드는 중복되는 코드를 계속 반복해서 생성 하고 있었다. 어떻게 중복되는 코드를 줄일가 고민하고 찾아보던 중 객체 지향 프로그래밍에 대한 공부가 필요하다고 생각되었다.

var? let? 자바스크립트 호이스팅에 대해 알아보자.

자바스크립트 작성 중 Cannot read property를 보는 경우가 많았다. 옵셔널체이닝으로 문제를 해결해보자.

앞에서 생성자와 프로토타입을 개념으로한 객체 지향 프로그래밍 공부에 이어서 Class(클래스) 기반의 객체 지향 프로그래밍을 공부해 본다.

JS는 객체지향과 더불어 함수형 프로그래밍도 가능한 언어다. 함수형 프로그래밍을 이해하기 위해 함수부터 필요한 개념들을 다시 정리하고 객체지향 예제 코드를 함수형으로 개선하면서 함수형 프로그래밍에 대해 이해해보자.

앞서 학습한 함수형 프로그래밍 - 1의 연습을 더 해보자.

자바스크립트의 객체에 대해 정리하고 객체의 메서드를 알아보자.

동기처리와 비동기처리에 대해 학습하고 간단한 예제를 직접 구현해보면서 이해해보자.

비동기 처리를 위한 콜백함수는 콜백 지옥을 만든다. 이를 해결하기 위한 Promise의 등장. 알아보자.

🤔 비동기 적으로 서버의 데이터를 가져와서JavaScript로 활용하는 방법은 무엇일까? API란 무엇인지 그리고 비동기를 복습하며 fetch API에 대해 알아보자.

일반적인 웹사이트 개발에서 많은 JavaScript파일을 관리하기란 코드 간의 의존성 문제로 어렵다.JS파일들의 의존성 관리를 도와주면서 여러 장점을 제공해 주는 ES Modules에 대해 학습하고 사용해보자.

프런트엔드 개발에서 가장 중요하게 여겨지는 것 중 하나가 상태관리다.상태관리란 무엇인지 등장하게된 배경은 무엇인지 그리고 상태관리를 위한 여러 페턴에 대해 학습해보자.

객체를 불변 객체로 만드는 방법에 대해서 알아보자.

리펙토링와 테스트코드는 무엇인지 그리고 왜 필요한지에 대해서 알아보자.

JS 테스트코드 프레임워크 중 하나인 Jest에 대해서 알아보자.

자바스크립트에서 사용되는 HTTP 비동기 통신 라이브러리 `Axios`는 RESTful한 웹 API를 호출하고 데이터를 주고 받을 수 있도록 해주는 도구다. Axios에 대해서 알아보자.

실행 컨텍스트에 대한 개념을 "모던 자바스크립트 Deep Dive"을 통해 제대로 학습해보자.

함수형 프로그래밍에서 한번 학습을 했지만, 리액트를 배우면서 마법과 같았던 Hooks(useState, useEffect, useCallback, useMemo 등)들이 클로저의 활용임을 알게 되었다. 좀 더 딥하게 클로저에 대해서 알아보자.

브라우저가 HTML, CSS, 자바스크립트로 작성된 텍스트 문서를 어떻게 파싱(해석)하여 브라우저에 렌더링 하는지 알아보자.