muntari Log muntari Log

사용자 정의 Iterable을 구현하면서 Iterable을 더 자세히 알아보자. 3, 2, 1 순서로 출력되는 Iterable을 만들어보자. Iterable은 Symbol.iterator Method를 구현하고 있어야 하며 Iterable이 가지고 있는 Symbol.iterator Method는 iterator 를 반환해야한다. 반환하는 iterator는 next Method를 가지고 있으며 next는 {value, done}을 가지고 있는 객체를 반환해야 한다 아래와 같은 Iterable은 Symbol.iterator Method를 통해서 iterator를 반환 할 수 있고 next를 통해서 내부의 값을 조회할 수 있게 된다. 내부의 값을 조회할 수 있다는 이야기는 아래와 같이 순회를 할 수 있다는 의..

자바스크립트의 리스트 순회 ES6의 이전/ 이후 방식으로 크게 변경이 된 부분이라고 한다. 먼저, ES6 이전의 리스트 순회는 아래와 같이 for문을 사용하여 요소를 출력하였다. const list = [1, 2, 3]; for (var i = 0; i 주로 배열반복에 사용되며 for in .. ==> 주로 객체 반복에 사용된다. - for of 문법 const list = [1, 2, 3]; for (const a of list){ console.log(a); } - for in 문법..

DOM 설명하기 전에 앞서 브라우저에 대해 간단히 알아보자. 브라우저 브라우저의 사전적 정의는 인터넷상에서 웹에 연결시켜주는 윈도 기반의 소프트웨이이다. 흔히 크롬, 파이어폭스, 사파리, 오페라와 같은 것들이다. 브라우저의 핵심 기능 브라우저의 핵심 기능은 사용자가 참조하고자 하는 웹 페이지를 서버에 요청을 하고 서버로부터 응답을 받아 브라우저에 표시해 주는 것이다. 브라우저는 서버를 통해 HTML, CSS, JS, 이미지 파일 등을 응답받고 HTML, CSS 파일은 렌더링 엔진의 HTML 파서와 CSS 파서에 의해 파싱(Parsing)되어 DOM, CSSOM 트리로 변환되고 렌더 트리로 결합된다. 이렇게 생성된 렌더 트리를 기반으로 브라우저는 웹페이지를 표시한다. 이런 과정을 랜더링이라 표현한다. 위와..

배열 자바스크립트에서 배열은 사실 진짜 Array가 아니다. 즉, 배열의 요소를 위한 각각의 메모리 공간은 동일한 크기를 갖지 않아도 되며 연속적으로 이어져 있지 않을 수도 있다. 배열의 요소가 연속적으로 이어져 있지 않는 배열을 희소 배열(sparse array)이라 한다. 자바스크립트에서의 배열은 파이썬의 리스트와 마찬가지로 추상 자료형이다. 추상자료형이란 어떻게 구현되었는지 크게 신경쓰지 않고 기능에만 집중하여 사용할 수 있는 자료형이다. https://codermun-log.tistory.com/267?category=927598 자바스크립트의 배열은 배열이 아니다. 위에서 언급하였듯 정적/동적 배열의 경우 메모리의 특정영역에 연속적으로 공간을 할당하고 저장되는 특징이 있는데 자바스크립트의 배열에..

https://regexone.com/ RegexOne - Learn Regular Expressions - Lesson 1: An Introduction, and the ABCs Regular expressions are extremely useful in extracting information from text such as code, log files, spreadsheets, or even documents. And while there is a lot of theory behind formal languages, the following lessons and examples will explore the more prac regexone.com 정규표현식 연습 사이트! JS RegExp Reg..

자바스크립트의 객체 클래스 기반 언어처럼 속성과 행동으로 정의할 수 있다. 자바스크립트에서는 기본 데이터 타입을 제외한 모든 것이 객체이다. JS 객체 생성 방법 기본적인 생성방법이다. 정확하게 JS에서는 객체를 생성할때 프로토타입을 사용해 객체를 생성하는게 효율적이다. 1. 객체 리터럴 객체를 직접 정의 const person = { name: 'ㅁㅁㅁ', age: 99, move: function(des){ console.log(`이동 : ${des}`); }, eat: function(food){ console.log(`Eat : ${food}`); } } console.log(person.name); console.log(person.age); person.move('우리집'); person.ea..

출처: 위코드 춤추는 개발자 > wecode | 위코드 | 코딩 부트캠프 | 코딩교육 WeCode | 위코드 | 코딩 부트캠프 | 코딩교육 WeCode(위코드)의 부트캠프를 통해 개발자로서 커리어를 시작하세요. wecode.co.kr Node.js 백엔드 API 학습자료 정리 javascript 와 Typescript가 어떻게 다른지 동일한 로직을 언어만 다르게 구성한 2가지 자료를 함께 보면 javascript를 모르더라도 Python 지식만으로도 코드를 분석할 수 있었다. 지극히 Django 와 비교하여 알아보고있는점을 참고하자. 아직까지는 Django가 편한 것이 사실이다! javascript_version 구조 1. 모듈화 Error catch 함수 모듈화 validation Token 함수 모듈..

Python 문법을 공부하던 중 사전 스터디 당시 TIL 기술 블로그에 대한 언급을 보았다. 주변 사람들에게서도 기술 블로그가 굉장히 중요하며 이는 곧 면접 질문과 함께 포트폴리오로서 큰 힘을 발휘한다고 했다. 2020년 10월 9일 부터 첫번째 TIL을 작성하였다. 처음엔 알고리즘 문제를 푸는 것을 스스로 복기하며 정리하다보니 나름 정리하는 형태와 어떻게 하면 눈에 잘띄고 읽기 쉬운지를 생각하며 점점 포스팅을 할수록 실력이 좋아진다고 느낀다. (아직 갈길은 멀었지만 말이다.) 절대 홍보글은 아니지만 위코드를 통해서 처음 코딩을 시작하게 된 것은 나에게 있어서 가장 좋은 출발지였다고 생각한다. 혼자서 공부하는것과 달리 함께하면서 훨씬 재밌있고 다양한 사람들을 만나며 인연을 만들어가는 과정은 사실 이곳에서..