Node.js란 , 브라우저 밖에서도 자바스크립트를 실행할 수 있는 환경을 의미한다. Node.js가 나오기 전까진 자바스크립트가 브라우저 내에서만 실행할 수 있었지만, Node 덕에 브라우저 밖, 서버 사이드에서도 자바스크립트를 실행할 수 있게 되었다. 1. 먼저 터미널을 켜고 노드 명령어를 쳐 본다. node -v // (노드 버전을 확인하는 명령어) 위와 같이 버전이 나온다면, 노드가 설치가 되어 있다. 만약 설치가 되어있지 않다면 아래의 사이트에서 설치를 하면 되는데, 되도록 최신 버전 보다는 LTS버전을 다운로드 하는 것이 안전하다. nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V..

내 통과 코드 function solution(clothes) { let answer = 0; let closet = clothes.reduce((prev,now) => ({ ...prev, [now[1]]: (prev[now[1]] || 0) + 1 }),{}); let key = Object.keys(closet).length-1; let res = 1; while (key >= 0) { res *= closet[Object.keys(closet)[key]]+1 key--; } return answer = res - 1, answer; } 종류 - 모자:[빨강, 검정] , 상의:[긴팔, 민소매] , 하의:[미디스커트, 슬랙스, 숏팬츠] 라고 한다면 모자의 종류 2가지 상의의 종류 2가지 하의의 종류3..

나의 첫번째 제출 코드 오답. function solution(participant, completion){ let answer = participant; completion.forEach((val,idx) => { participant.splice(participant.indexOf(val),1)[0] }); answer = participant[0] return answer; } 조급하게 이어진 시도들에서도 반복을 여러번 쓰는 for + 탐색() + splice로 데이터 삭제하는 방법을 버리지 못했다. 사실 뭐가 문제인지 잘 몰랐다. 나의 두번째 제출 코드 오답. function solution(participant, completion){ let answer =''; for(let i of comp..

배열, 객체, 반복 가능한 객체에서 값을 꺼내어 그 값을 별도의 변수에 대입하는 문장. 배열 1) 배열 요소들을 한 번에 각 변수에 초기화 할 수 있다. let [a,b] = [1,2]; // let a = 1, let b = 2와 같은 의미이다.(이를 분할 할당이라고도 함) [a,b] = [a*3, b*5]; //a = a*3, b = b*5 와 같다. let array, first, second; array = [first, second] = [100,200]; console.log('array:', array, 'first:',first, 'second:', second); //결과 array:[100,200], first: 100, second: 200 2) 좌변의 변수와 우변 값 갯수가 같을 필..

setTimeout - 설정한 시간이 지나면 특정 기능을 수행한다. let counter = 0; setTimeout(() => { console.log('setTimeout',counter++); },3000); //3초 뒤에 콜백함수를 '한 번' 실행한다. setInterval과 같은 방식으로 실행을 취소 시킬 수 있다. setInterval - 설정한 시간을 기준으로 특정 기능을 반복한다. let counter = 0; let repeater = setInterval(() => { console.log('setInterval',counter++); },500); //0.5초 간격으로 콜백함수를 반복 실행한다. setTimeout(() => { console.log('Clear'); clearInte..

canvas로 그림을 그리려면 canvas객체의 getContext('2d')를 사용해야 함. +) canvas는 태그에 직접 width, height를 해주는 것과 css에 width, height 값을 주는 것이 다른 태그와는 다르게 작동한다. 예를들어, canvas태그에 w=1000을 주고 css에 w=500을 준 경우와 canvas태그와 css 모두 w=500을 준 경우 전자에 그림이 더 작게 표현된다. 너비가 1000픽셀인 그림의 너비를 500px인 해상도에 기존의 비율을 유지해서 그리기 때문임 이 방법을 사용하면 고해상도의 디바이스에 그림을 뿌려줘야하는 경우 선명하게 그림을 뿌릴 수 있다. (예시 - 디바이스 크기의 2배로 캔버스의 크기를 주고, css에는 너비와 높이를 100%로 줌)