BitCoder

Map함수를 사용하는 자바스크립트 코드 자바스크립트로 작성한 코드입니다. 배열을 선언하고 출력을 두 번하는 코드입니다. 붙여넣기 하기 쉽게 다음과 같이 텍스트로도 적습니다. const months = [ "January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December", ]; console.log(months); months.map((a) => console.log(a)) 다음은 실행화면입니다. map함수를 사용하여 출력했습니다. Map함수 사용법 보기 map함수에 대한 설명을 보려면 visual studio code에서 열린 코드 중에서 map에 커서를 ..

다음 주소에서 Node.js 인스톨러를 다운로드 받습니다. https://nodejs.org/ko/download/ 다운로드 | Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org Node.js 인스톨러를 실행합니다. 라이센스 내용에 동의해주고 Next를 눌러줍니다. Node.js가 설치될 위치입니다. 설치할 구성요소를 선택해줍니다. 기본적으로 모두 선택되어있습니다. 네이티브 모듈들을 설치할지 선택해줍니다. 비쥬얼스튜디오에서 사용하는 빌드 도구 등이 있습니다. 저는 선택하지 않고 넘어갑니다. 1분도 안걸리는 시간으로 설치가 완료됩니다. 설치가 잘 되었는지 node와 npm의 버전을 다음과 같이..

자바스크립트를 이용해서 canvas에 기초적인 사각형을 그리는 예제코드입니다. [소스코드] getContext함수는 canvas에 할당되어있는 drawing context를 반환합니다. 여기서 drawing context는 그리기 위한 속성과 함수를 가지고 있는 객체를 말합니다. 파라미터로 넘긴 '2d'는 2차원 그리기 context를 가져오기 위함입니다. 다른 방식의 사용은 다음과 같습니다. - getContext('webgl') : 3차원 렌더링을 위한 컨텍스트를 가져오기 - getContext('webgl2') : WebGL 버전 2에 해당하는 3차원 렌더링 컨텍스트를 가져오기 - getContext('bitmaprenderer') : ImageBitmapRenderingContext에 해당하는 컨..

디렉토리에 data.json 파일이 있을 때 이를 읽는 main.js 코드를 소개합니다. data.json파일의 내용은 올바른 json형식으로 작성되었다고 가정하며, 다음과 같습니다. { "fruits": [ { "id": "1", "name": "apple" }, { "id": "2", "name": "banana" }, { "id": "3", "name": "orange" } ] } 소스코드는 다음과 같습니다. const fs = require('fs'); const jsonFile = fs.readFileSync('./data.json', 'utf8'); const jsonData = JSON.parse(jsonFile); const fruits = jsonData.fruits; fruits.for..