node (3) 썸네일형 리스트형 [프로그래머스] 가장 먼 노드 - JavaScript 풀이 본 게시물은 프로그래머스의 연습 문제 풀이입니다. 저작권은 (주) 그랩에게 있습니다 자바스크립트 코드 // Queue 구현 class Queue { constructor() { this.queue = []; this.front = 0; this.rear = 0; } enqueue(value) { this.queue[this.rear++] = value; } dequeue() { const value = this.queue[this.front]; delete this.queue[this.front]; this.front += 1; return value; } isEmpty(){ return this.rear === this.front; } } function solution(n, edge) { // 트.. 39장. DOM(4) 본 내용은 모던 자바스크립트 Deep Dive - 자바스크립트의 기본 개념과 동작 원리를 토대로 작성하였습니다. 39.6 DOM 조작 새로운 노드르 생성하여 DOM에 추가하거나 기존 노드를 삭제 또는 교체 리플로우와 리페인트가 발생하므로 성능 영향 39.6.1 innerHTML Element.prototype.innerHTML setter, getter 모두 존재하는 접근자 프로퍼티 요소 노드의 HTML 마크업을 취득하거나 변경 요소 노드의 콘텐츠 영역(시작 태그 ~ 종료 태그)에 포함된 HTML 마크업을 문자열로 반환 문자열 할당 시 HTML 마크업을 파싱하여 자식 노드로 DOM에 반영 모든 자식 노드를 제거하고 할당한 것으로 DOM을 변경 사용자로부터 입력 받은 데이터를 그대로 innerHTML프로퍼.. NPM 본 내용은 인프런 김정환님의 프론트엔드 개발환경의 이해와 실습 (webpack, babel, eslint..) 강의를 토대로 작성하였습니다. 1. Node.js 최신스펙으로 개발할 수 있다. 웹팩, 바벨, TypeScript, SASS를 실행할 수 있는 환경이 되어준다. 빌드 자동화 파일 압축, 코드 난독화, 폴리필 추가의 작업을 거친후 배포 라이브러리 의존성 해결 각종 테스트 자동화 개발 환경 커스터마이징 node REPL Node.js 설치 후 터미널에서 node를 입력 자바스크립트 코드를 입력하고 즉시 결과를 확인 가능 .exit: 종료 NPM node package manager 2. NPM으로 프로젝트 생성하기 프로젝트 생성 npm init 프로젝트를 생성하고 메타정보를 입력 모든 메타정보가 입.. 이전 1 다음