프론트엔드 센트럴파크 (☞ﾟヮﾟ)☞

연결리스트 각 노드가 데이터와 포인터를 가지며, 한 줄로 연결되어 있는 방식으로 데이터를 저장하는 자료 구조 연결리스트는 여러 노드들이 연결되어 있는 구조입니다. 여기서 노드란, data와 next를 가지고 있는 구조입니다. (Data, Next 가 같이 묶여 있는 것이 Node) 연결 리스트의 구조에서 맨 앞을 Head라고 하고 맨 마지막을 Tail이라고 합니다. 단방향 연결리스트 : 한쪽 방향으로만 연결된 링크드 리스트 자료 생성시, 노드가 생성되고 포인터는 생선된 포인터를 가르킨다. 양방향 or 쌍방향 연결리스트 : 양쪽 방향으로 연결된 쌍방향 링크드 리스트 자료 생성시, 노드가 생성되고 전 노드의 포인터는 생성된 포인터를 가르킨다. 그리고 생성된 노드의 Prev 포인터는 전 노드를 가르킨다. 환형..

주는 파일(Export) /** * CommonJS (Export) */ function Person(name, age, location) { this.name = name; this.age = age; this.location = location; this.getName = function () { return this.name + '입니다'; }; } module.exports = Person; 받는 파일(Import) - require 을 사용한다. /** * CommonJS (Import) */ const Person = require('./02-CommonJS-person'); const me = new Person('jang', 10, 'Korea'); const you = new Person..

- 어떠한 객체가 만들어지기 위해 객체의 모태가 되는 원형 - 자바스크립트는 일반적인 객체지향 언어와는 다르게, 프로토타입을 이용한 복사를 통해 새로운 객체 생성 - 일반적인 객체 생성 방식 : 속성은 생성자, 메서드는 프로토타입에서 정의 // 생성자 속성 정의 function Person(name, age) { this.name = name; this.age = age; }; // prototype을 이용한 Person 메서드 정의 Person.prototype.isAdult = function() { return this.age > 18; }; // 객체 생성 const p1 = new Person("kitty", 22); const p2 = new Person("james", 18); console..

요소를 일반적인 문서흐름에서 제거하고, 페이지 레이아웃에 공간도 배정하지 않습니다. 대신 가장 가까운 위치 지정 좡 요소에 대해 상대적으로 배치합니다. 단, 조상 중 위치 지정요소가 없다면 초기 컨테이닝 블록을 기준으로 삼습니다. 최종 위치는 top, right, bottom, left값이 지정합니다. HTML 삽입 미리보기할 수 없는 소스 문서의 흐름에서 제거된다 => 마치 float를 left나 right로 줬을 때 처럼 공중에 한겹 붕 뜨게 된다. 그렇기 때문에 아래 있는 것들이 위로 올라오게 된다. position : absolute인 요소는, 조상 중에서 position이 static이 아닌 요소를 찾아 기준점을 삼는다. static이 아니고 absolute나 relative면 적용 가능하다.

두 자연수 M, N을 입력받아, M부터 N까지 각자리수의 빈도수를 합하는 프로그램의 제작하시오. 이 숫자들의 자릿수 별 빈도수를 계산하여, 0부터 9까지의 빈도수 값을 반환한다. function answer(s, e) { let result = []; // 0. 각 자릿수 별 index => 0 for (let i = 0; i < 10; i++) { result[i] = 0; } // 1. s

벽돌 높이를 맞추지 않은채 벽이 쌓여져 있다. 몇 개의 벽돌을 옮겨야 벽돌의 높이가 같아질 수 있을지 구해주는 프로그램을 제작하시오. 입력은 배열 형태의 정수이며, 같은 높이를 맞추기 위해 옮겨야 하는 벽돌의 개수를 반환한다. 단, 입력으로 들어오는 배열은 남는 벽돌 없이 높이가 딱 나눠 떨어지도록 들어온다. function answer(blocks) { let result = 0; // 1. 벽돌 높이 평균 let avg = 0; for (let i = 0; i 옮겨야 할 벽돌 개수 for (let i = 0; i < blocks.le..

정답을 맞췄을 경우 문제당 1점을 부여하며, 연속적으로 맞출 경우 연속한 정답 개수 만큼의 가산점을 부여해준다. 표 윗줄이 채점 아랫줄이 점수 1 0 1 1 1 0 1 1 0 0 1 0 1 2 3 0 1 2 0 0 function answer(mark) { let result = 0; // 1 -> 1점, 연속한 1인 경우 연속한 count 만큼 점수 추가 let score = 0; for (let i = 0; i < mark.length; i++) { if (mark[i] == 1) { result += ++score; } else { score = 0; } } return result; } let input = [ [1, 0, 1, 1, 1, 0, 1, 1, 0, 0], [1, 1, 0, 1, 1, ..

HTML 삽입 미리보기할 수 없는 소스 position : relative 일 때, top, bottom, right, left 다 설정이 가능하나 서로 반대되는 값(top-bottom/ right-left)을 동시에 지정 할 경우에는 top과 left가 우선 적용 된다.

HTML 삽입 미리보기할 수 없는 소스 visibility : hidden; => box가 사라진다. box2가 차지했던 자리는 그대로 유지가 된 채로 display : none; => box가 사라진다. 원래 없던 것 처럼

inline ex) span... - 영역의 크기가 내부 콘텐츠 크기로 정해진다. - margin, padding 의 top/bottom을 지정할 수 없다. - 여러 요소가 가로 배치가 된다. block ex) div... - 영역의 크기를 width,height로 지정할 수 있다. - width를 지정하지 않으면 가로 전체를 차지한다. - 여러 요소가 세로로 배치가 된다. inline-block ex) input... - 영역의 크기를 width,height로 지정할 수 있다. - margin, padding 전체적으로 적용 가능하다. - 여러 배치가 가로로 배치된다.