javascript
1.[JS] map, filter, reduce에 대한 이해
최근 Programmers, LeetCode 등에서 많은 알고리즘 문제를 풀어보고 있다. 그렇다 보면 배열 내 인자들을 순회 홰야 하는 경우가 자주 있다. 이럴 때마다 난 for문 OR while문을 사용해서 대부분 문제를 접근했다. 하지만 열심히 문제를 풀고 난 후
2.[JS] 1주차 스터디 기록 - 기본 문법
자바스크립트(JavaScript)란? HTML로 웹의 내용을 작성하고 CSS로 웹을 디자인 한다면, 자바스크립트는 웹의 동작을 구현하고 개발자가 대화식 웹 페이지를 만들 수 있게 해주는 프로그래밍 언어이다. 웹사이트에서 이미지 슬라이드 쇼, 드롭 다운 메뉴 등 기타
3.[JS] 화살표 함수 vs 일반 함수
화살표 함수는 ES6에 새로 추가된 함수 작성 방법이다. 기존 함수 표현식과 비교하면 훨씬 간결하게 사용 가능하다. 다만 두 표현식은 여러 차이점을 가지고 있기 때문에 완전 화살표 함수만으로 완전히 기존 함수 표현식을 대체할 수 있는 것은 아니다. 마찬가지로 화살표 함
4.[JS] Hoisting이란? (let vs var)
호이스팅(Hositing)은 코드를 실행하기 전에 변수/함수 선언을 해당 스코프의 최상단으로 끌어올리는 것 같은 자바스크립트의 성질을 뜻하는 단어이다. 정확히 말하자면 실제로 변수/함수 선언을 최상단으로 끌어올리는 것은 아니고, 실제 코드를 수행하기 전 자바스크립트는
5.[JS] Promise를 사용한 비동기 처리
Promise는 자바스크립트에서 비동기 처리에 사용되는 객체이다.특정 시점에서 특정 코드를 수행시킬 수 있도록 해주며, callback 함수를 사용해서 동 기능을 구현했을 때 발생하는 콜백지옥을 방지할 수 있도록 구현되어 있다. 정해진 기능이 정상적으로 수행되었을 때
6.[JS] DOM 다루는 방법에 대해 - 1
문서 객체 모델(DOM)은 XML이나 HTML 문서의 프로그래밍 인터페이스이다. 문서의 구조화된 표현을 제공하고, 프로그래밍 언어가 접근하고 구조 내용, 스타일 등을 변경할 수 있도록 한다. 자바스크립트는 이러한 객체 모델을 이용하여 다음과 같은 작업을 실행할 수 있다
7.[JS] 이벤트 위임(Event Delegation)에 대해
이벤트 위임이란 부모 요소에 이벤트 핸들러를 등록해서 자식 요소의 이벤트를 모두 핸들링하는 방법이다. 자식 요소마다 이벤트 핸들러를 등록해도 되긴 하지만, addEventListener의 수가 증가할 수록 메모리 사용량이 높아지고, 이는 곧 성능저하로 이루어질 수 있다
8.[JS] JS로 실사용 가능한 Todo List Browser App 만들기
코딩공부를 시작한 후 항상 머리속에 있는 아이디어를 코드로 직접 구현해보고 싶다는 욕심이 컸다. 그래서 현재 진행 중인 교육 프로그램의 커리큘럼 공부 외에도 유튜브를 통해 여러 훌륭한 센세이들과 함께 프로젝트 실습 과정을 반복하며 자바스크립트가 손에 익어갈 무렵, 문득