공부 기록/JavaScript
-
바닐라JS 시계만들기공부 기록/JavaScript 2023. 3. 29. 09:06
시계만들기. 직접 구현하지않아도 이미 js에서 제공하고 있음 date 객체에 있는 getHours와 같은 함수를 사용하면 된다. 대신 생성자를 생성해야함c new Date() 하면 현재 시각 나옴. 참고: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#constructor 그 후에 Date 객체에서 제공하는 함수 호출 가능 주기마다 반복되도록 하려면 setInterval(함수, 주기ms) 시계에서 1ㅡ9엔경우 앞자리에 0을 넣고싶으면 이미 구현되어있는 padStart를 쓰자. {string}.padStart(원하는 스트링 글자수, 채워주고싶은 문자) 여기서 숫자가 아닌 스트링 타입으로 넣어줘야한다는..
-
-
[강의 정리] Node.js웹 서버에 Swagger UI 입혀보기 by 동빈나공부 기록/JavaScript 2023. 2. 9. 23:59
* Reference Video: https://www.youtube.com/watch?v=FYS7Zt2LPis https://github.com/swagger-api/swagger-ui에 접속해서 다운로드 (01:26) 다운로드 받은 파일 압축 풀고 그 중 dist 폴더를 public 옮김 --> 누구든지 웹서버에 접속해서 문서 확인할 수 있도록 (optional) 폴더명 docs로 변경 (01:42) 명세서 웹 문서 swagger.yaml 파일 생성 https://swagger.io/specification/에서 Required 요소를 포함해서 작성. 필요에 따라 추가 정의 가능'1tide (05:16) (05:25) app.use(express.static('public')); 코드가 들어간 js ..
-
[강의 정리] Node.js로 간단한 API 구현 및 정적 파일 제공해보기 by 동빈나공부 기록/JavaScript 2023. 2. 8. 00:16
* Reference Video: https://www.youtube.com/watch?v=BqMJ7w4SppU 목표: API 개발자 입장에서 API를 구현하고 swagger ui를 붙여보자. npm init 초기화 -> 이전 강의에서는 초기화 안했는데 왜 하는거지?. https://expressjs.com/en/guide/routing.html (05:12) 1. nodejs로 API 서버 구축. 3000포트에서 열리도록 2. adder라는 이름의 API를 명세 (파라미터로 one, two에 전달되는 값을 더해서 반환하는 API) 3. 정적파일 제공 (test.html) var express = require('express'); var app = express(); //API 문서화를 위하여 누구나 ..
-
[강의 정리] Node.js에서 API 서버 만들기 by 개발자의 품격공부 기록/JavaScript 2023. 2. 6. 20:55
* Reference Video: https://www.youtube.com/watch?v=8XpVJaEWesM node.js 기반으로 API 서버 만들기, REST API으로 구현 (03:54) express을 기반으로 웹 서버 구축 *express는 node.js 기반으로 웹 서버를 구축해주는 하나의 모듈이다. ㄴ 참고: https://naraewool.tistory.com/314 특정 url path로 서버로 호출했을 때 시스템에 있는 데이터를 사용자에게 전달해주는 프로그램을 짜보자. (04:41) 터미널에서 node api.js 입력하면 서버 연결됨! 다음과 같이 get()을 정의하고 수정한 값 반영되도록 서버 다시 띄우기! const express = require('express'); cons..
-
[강의 정리] 한시간만에 끝내는 Node.js by 개발자의 품격공부 기록/JavaScript 2023. 2. 5. 13:35
* Reference Video: https://www.youtube.com/watch?v=toLDNN4FQv0 https://nodejs.org/en/ 에서 내가 사용하는 node.js 버전 확인 가능 (04:03) npm(node.js package manager) 오픈소스를 사용할 수 있는 매니저. 다양한 기능의 라이브러리를 npm install을 이용하여 가져다 사용할 수 있다. node -v npm -v 사용하고자 하는 기능은 npm {exel/ mysql} 등으로 검색 https://www.npmjs.com/package/nodemailer https://nodemailer.com/about/에서 안내하는 명령어 입력 ``` 설치하면 다음 두 파일 생성됨 node modules: 이 폴더 안에..
-
[강의 정리] 자바스크립트의 역사와 현재 그리고 미래 by 드림코더공부 기록/JavaScript 2023. 2. 3. 00:01
https://www.youtube.com/watch?v=wcsVjmHrUQg&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2 https://www.youtube.com/watch?v=tJieVCgGzhs&list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2&index=2 node.js에는 자바스크립트 엔진이 있어서 자바스크립트 코드를 곧바로 실행할 수 있다. node.js 설치하면 콘솔창에서 node {file_name.js} 명령어로 js를 실행 가능! (base) xxx@MacBook-Pro ~ % cd /Users/xxx/development/js/study_2023 (base) xxx@MacBook-Pro ~ % node main.js Hello, wor..