Web 11

javascript map함수 사용법

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에 커서를 ..

Web/Javascript 2022.07.05

php 현재 달의 첫날과 마지막날(말일) 구하기

PHP 코드로 현재 달의 첫날과 마지막날을 구하는 방법을 소개합니다. 다음과 같은 세부 단계로 구합니다. - DateTime 오브젝트변수를 생성 (현재 달의 첫날 구하기) - 변수에 한달을 더함 - 변수에 하루를 뺌 (다음 달 1일의 하루 전날이니 지난 달의 마지막날이 되겠지요) 작성한 코드입니다. 실행결과입니다. 이달 1일:2022-03-01 이달 말일:2022-03-31 다음은 함수버전의 코드입니다. 실행결과는 동일합니다. 이달 1일:2022-03-01 이달 말일:2022-03-31

Web/PHP 2022.03.18

Electron을 이용한 데스크탑앱 개발 시작하기

Electron을 이용하여 데스크탑앱을 개발하는 시작단계를 소개합니다. * 필수 설치 패키지 - Node.js Node.js의 설치는 다음 글을 참고하시기 바랍니다. 2022.03.08 - [Web/Node.js] - Node.js 설치 * 추천하는 설치 패키지 (이 글의 과정에서도 사용합니다) - visual studio code visual studio code의 설치는 다음 글을 참고하시기 바랍니다. 2022.03.08 - [Windows] - Visual Studio Code 설치 이제 폴더를 하나 생성해줍니다. 저는 바탕화면 아래에 'my-electron-app' 폴더를 생성했습니다. my-electron-app 폴더를 열고 목록 부분에 마우스 우클릭 후 "Code로 열기"를 선택합니다. 아래 ..

Web/Javascript 2022.03.08

Node.js 설치

다음 주소에서 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의 버전을 다음과 같이..

Web/Node.js 2022.03.08

[javascript] canvas 기초 사각형 그리기

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

Web/Javascript 2022.03.04

puppeteer 시작하기

puppeteer는 '인형(puppet)을 조종하는 사람'이라는 뜻을 가진 영어단어입니다. 이름과 로고도 참 직관적입니다. 로고에서 보이는 것과 같이 퍼펫티어는 브라우저를 조종하는 Node라이브러리입니다. Node.js 설치 후에 아주 간단하게 퍼펫티어 프로젝트를 생성하고 실행할 수 있습니다. Node.js의 설치는 다음 글을 참고하시면 되겠습니다. 2022.03.08 - [Web/Node.js] - Node.js 설치 폴더를 생성하고 다음과 같이 실행하여 Node.js 프로젝트를 생성합니다. 그러면 package.json 파일이 생성됩니다. 내용은 다음과 같습니다. 이제 puppeteer 라이브러리를 설치합니다. npm install puppeteer 다음으로, index.js파일을 작성합니다. con..

Web/Node.js 2022.03.03

nodejs에서 json파일 읽기

디렉토리에 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..

Web/Node.js 2022.03.01

Node.js가 설치된 경로

Node.js를 기본옵션으로 설치한다면 설치경로는 다음과 같습니다. 설치된 디렉토리 : C:\Program Files\nodejs node.exe의 절대경로 : C:\Program Files\nodejs\node.exe 설치된 Node.js의 버전을 알아보려면 다음과 같이 실행합니다. C:\Users\admin\Desktop\my_node_project>node -v v16.13.2 C:\Users\admin\Desktop\my_node_project> [참고] Node.js 공식 사이트 : https://nodejs.org Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org

Web/Node.js 2022.02.26