JavaScript

🐛 Debugging "버그를 잡는다" 예상치 못한 프로그램의 행동들에 원인을 분석하기 위한 기술 console.log를 이용한 디버깅 방법에 익숙해야 한다 Unit Test (= Testcase) 오류가 생겼을 때 경우의 수를 정리하고 경우의 수에 대해 하나씩

함수 ? 자바스크립트에서 가장 중요한 개념 1순위함수는 특정기능을 제공하는 코드를 작성해서 함수를 정의하고이 함수를 호출해서 결과값을 얻는다.하지만 이러한 기능 외에도 함수는 모듈화 처리, 클로저, 객체 생성 등 많은 기능을 제공한다.자바스크립트에서는 함수도 값이다.(

코드 작동이 비동기로 이루어지는 경우클라이언트와 서버간의 자원 요청 및 응답fetch API, AJAX(XHR)이벤트 핸들링 ex) 사용자가 클릭을 했을 '때', do something~타이머애니메이션 API, 타이머 API시간의 흐름에 따라 모양이 움직이고 화면이 바

전달인자(argument)를 통해 전달받은 인자매개변수가 배열 형태로 전달된다(Array 인스턴스)메서드가 바로 인스턴스에 적용될 수 있음 (= 배열method 사용 가능)전달인자로 받은 arguments가 배열같아 보이지만 배열이 아니다, 유사배열.length는 가능

array method에서 함수를 인자로 넘겼다.JS에서 함수는 값으로 취급되기 때문에 함수를 parameter로도 받을 수 있다.인자로 콜백을 넘겨 받은 함수는 콜백을 바로 실행할 수도 있고,아니면 필요에 따라 나중에 실행할 수도, 실행하지 않을 수도 있다.콜백 f를

5 PATTERNS OF BINDING1\. Global : window함수 호출 : windowfunction invocationMethod 호출 : obj객체의 property로 constructon mode : 새로생성된 객체new 연산자로 생성된 function

Algorithm is a step-by-step process.컴퓨터 프로그램은 알고리즘의 모음Computer Languages는 프로그래머가 프로그램을 개발할 수 있도록 도와주는 tool이라고 볼 수 있다.기계어로 0, 1로만 조합되어져 있다.컴퓨터의 the 'na

하나의 모델이 되는 청사진을 만들고, 그 청사진을 바탕으로하는 객체를 만드는 프로그래밍 패턴틀 class를 바탕으로 instance를 만드는 프로그래밍 패턴현실세계를 기반으로 프로그래밍 모델을 만들 때 유용한 프로그래밍하나의 모델이 되는 틀, 청사진 = 프로그래밍의 c

노드(node) tree 구조에서 root 노드를 포함한 모든 개체를 node라고 표현 head, body, title, script, h1 등의 태그뿐 아니라 태그 안의 텍스트나 속성 등도 모두 node에 속한다 이중 HTML 태그를 요소노드(Element Node)

ESLint

Number.isInteger(value)arguments: 정수인지, 아닌지 여부를 검사할 값return value: 정수를 판단한 결과 (Boolean)parseInt(value) / parseFloat(value)arguments: 형변환(type casting)

JavaScript를 해석하는 JavaScript Engine과, 웹 브라우저에 화면을 그리는 Rendering Engine은 다른 것이다. (Rendering Engine은 HTML,CSS 마크업 관련 코드들을 웹페이지에 렌더링하는 역할을 한다.)JavaScript

OOP 4가지 BENEFITS

JavaScript에는 아래와 같이 네가지 instantiation pattern이 있다.1\. Functional2\. Functional-shared3\. Prototypal4\. Pseudoclassical복제 될 instance들이 공통적으로 갖는 propert

Reduce Complexity + Increase Reusability캡슐화 전, 절차지향적employee가 한명일 때에는 절차지향적 프로그래밍 방식도 상관없지만 엄청 많은 사람이 있다면 비효율적이다.캡슐화 후, 객체지향적객체화 시키면 재사용성이 높아진다.같은 코드를

바벨(Babel)은 입출력이 모두 자바스크립트 코드이다.자바스크립트는 매년 발전하고 현재는 ES9 버전까지 있다.브라우저가 이해하지 못하는 최신 버전의 자바스크립트 문법을 Babel은 브라우저가 이해할 수 있는 문법으로 변환해준다. 따라서 생산성이 향상된다.polyfi

hook으로 만들고 싶어서 작업중원하는 조건의 함수가 호출되는 것까지는 확인,머리안돌아가서 임시저장원하는 동작isUncertificated과 isDuplicated 상태에 따라 4가지 경우의 flow가 발생 \- 우선순위 low 고려해야하는 상태값이 늘어나면 경우의