프로그래밍 (100) 썸네일형 리스트형 프토토타입 & 클래스 프로토타입 같은 객체 생성자 함수를 사용할 경우에 특정 함수 또는 값을 재사용할 수 있도록 만들어주는 역할을 한다. 자바에서의 클래스와 비슷한 역할을 한다고 생각해도 되겠다. 상속이나 생성자 등을 활용할 수 있기 때문에 어느 정도유사한 기능을 한다고 생각할 수 있다. function Person(name, age, score) { this.name = name; this.age = age; this.score = score; } Person.prototype.checkScore = function () { console.log(this.score); } Person.prototype.greetings = '안녕'; const person1 = new Person('철수', 20, 40); const pe.. 배열의 내장함수 JavaScript에서 유용하게 쓸 수 있는 내장함수 forEach forEach는 기존에 여러 언어에서 두루 쓰이는 for문을 대체할 수 있는 가장 간편한 내장함수다. const list = [1, 2, 3, 4, 5, 6]; for (let i = 0; i console.log(value)); 내장함수인 forEach를 사용했을 때의 코드 위 두 코드와 같이 forEach를 사용하게 되면 기존의 코드를 더 간략하게 축약할 수 있게 된다. map map함수는 매개변수로 함수를 받을 수 있으며 이.. 자바스크립트 문제 풀이 (2) 자바스크립트 헷갈리는 개념 정리 (Beginner) 17) 아래 코드의 결과값은? ★ const list = [1, 2, 3]; const result = list.join(); 정답 = 1,2,3 join() 메소드를 잘 알고 있지 않아 세 요소를 전부 합한 값인 6인지 1,2,3인지 헷갈리는 문제였다. join() 메소드는 기준이 되는 배열의 모든 요소를 구분자를 기준으로 나누도록 만드는 역할을 하며 별다른 값을 입력하지 않는다면 ,이 기준이 된다. 가령 위 코드에서 join(' | ')으로 명령을 넣었다면 결과값은 1 | 2 | 3으로 달랐을 것이다. 18) 아래 코드의 결과값은? const array = [1, 2, 3]; const result = array instanceof Array; 내가.. 자바스크립트 문제 풀이 (1) 자바 스크립트 헷갈리는 개념 정리 (Beginner) 1) 아래 코드의 결과값은? const list = [1, 2, 3]; const result = list[3]; 내가 생각한 값 = thriow a Syntax Error => 정답 = undefined 지정된 배열의 인덱스를 넘어가는 인덱스를 참조하고자 한다면 에러가 발생한다고 생각했지만 자바스크립트에서는 이 대신에 undefined를 반환해준다는 것을 알 수 있었다. 2) 아래 코드의 결과값은? const object = Object.assign({ name: 'JavaScript' }, { name: 'ECMAScript' }, { name: 'LiveScript' }); const result = object.name; 정답 = LiveScr.. Visual Studio Code 유용한 단축키 마우스가 가는 곳마다 커서 생성 Alt + Shift + Mouse Drag 선택된 영역에 커서 만들기 Alt + Shift + i 코드 블록 한번에 주석처리하기 Ctrl + / 코드를 복사한 후 위 / 아래로 움직이기 Alt + Shift + ↑ / ↓ 코드를 위 / 아래로 움직이기 Alt + ↑ / ↓ 클릭하는 곳마다 커서 생성 Alt + Click 반복되는 단어 한방에 수정 Ctrl + D 사이드바 숨기기 Ctrl + B 콘솔창 나타내기 Ctrl + `(숫자 1의 왼쪽에 있는 백틱키) 파일의 맨 위 / 맨 아래로 한 번에 이동하기 Ctrl + Home / End VSCode를 사용하며 이전에 사용하던 Atom에서 익숙하게 사용했던 여러 단축키들 중 VSCode에는 다른 부분이 있어 정확하게 어디서 .. Git Flow와 GitHub Flow의 이해 Git Flow 기본적인 가지의 이름은 아래의 5가지로 구분하곤 한다. feature > develop > release > hotfix > master 위 순서들은 왼쪽으로 갈수록 포괄적인 가지이며 master branch를 병합할 경우 그 왼쪽에 있는 hotfix 등 모든 가지들에 있는 커밋들도 병합하도록 구성하게 된다. Git Flow의 구조 및 흐름 앞에서 적었던 기본 구조 5개 중 가장 많이 사용되는 가지는 master와 develop가 되며 정상적인 프로젝트를 진행하기 위해서는 둘 모두를 운용해야 한다. 나머지 feature, release, hotfix branch는 사용하지 않는다면 지우더라도 오류가 발생하지 않기 때문에 깔끔한 프로젝트 진행을 원한다면 지워뒀다가 해당 가지를 활용해야 할 .. Git의 주요 명령어 모든 깃 명령어를 사용하기 전에는 git init를 이용해 해당 디렉토리를 이용해 버전관리를 하겠다고 선언해야 한다. git (명령어) --help를 활용하면 해당 명령에 대한 추가적인 옵션들에 대한 리스트를 웹을 통해 볼 수 있게 된다. git을 처음 설치 후 cmd를 활용해 운용을 한다면 한글이 전부 깨진 상태로 출력되는 것을 확인할 수 있는데 이는 명령 프롬프트 자체의 언어 인코딩 설정이 된 상태가 아니기 때문에 발생하는 문제다. 한글 출력을 정상적으로 수행하도록 하기 위해서는 컴퓨터의 환경변수에 UTF-8을 새로 추가해주는 과정을 거쳐야 한다. 주요 명령어 git status / git add / git commit / git remote / git push / git pull / git rese.. [Do it! Node.js 프로그래밍] 14일차 1. 공부한 범위 [14] 게시판 만들기 2. 공부한 내용 [14] 게시판 만들기 14-1 스키마를 추가하고 페이지 단위 조회 방식 이해하기 - 우선 게시판을 위한 스키마를 정의한다. - 컬럼에는 글 제목, 글 내용, 글쓴이 (정보를 참조할 수 있도록 ObjectId가 저장된다.), 글의 태그, 글을 쓴 일시, 글을 수정한 일시, 댓글이 있다. - 위 스키마에는 두 가지 특이한 점이 있다. 1) writer 컬럼에 저장되는 데니터 타입이 mongoose.Schema.ObjectId다. 이는 사용자 정보가 users 컬렉션에 저장되어 있고 이 컬렉션의 문서 객체 중 ObjectId 속성값이 writer 컬럼에 저장된다는 뜻이다. 2) comments 컬럼 안에 다시 객체가 저장된다. 댓글 컬럼은 별도의 컬.. 이전 1 2 3 4 5 ··· 13 다음
