전체 글
-
바닐라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(원하는 스트링 글자수, 채워주고싶은 문자) 여기서 숫자가 아닌 스트링 타입으로 넣어줘야한다는..
-
-
벡터 이미지란?공부 기록/IT 기술 2023. 3. 5. 16:39
벡터 이미지는 수학 공식을 이용해 점과 점을 연결하여 생성되는 이미지이다. 이미지를 늘려도 확대한 이미지 내에서 점들간의 공식을 토대로 이미지가 구성되기 때문에 이미지 크기에 제한 없다. 이미지를 늘려도 깨지지 않는다. 스케치나 어도비 일러스트레이터에서 사용되는 이미지가 바로 이 벡터 이미지이다. 벡터 이미지의 종류는 .ai, .eps, .pdf, .svg 가 있다. .ai: Adobe Illustrator의 줄임말로, 로고 같은 인쇄 매체와 디지털 그래픽에서 일반적으로 사용되는 파일입니다. .eps: 캡슐화된 PostScript는구형 벡터 그래픽 파일입니다. .ai가 최신 파일 포맷에서 투명도를 지원하는 것과 달리 .eps 파일은 투명도를 지원하지 않습니다. .pdf: Portable Document ..
-
[강의 기록] AWS API Gateway Input/Output Mapping공부 기록/API 2023. 2. 19. 16:01
* Reference Video: https://www.youtube.com/watch?v=HksMXyfFOyM URL 구성 Resource + stage (07:31) (07:44) stage 선택 시 development | demo | producti o n 이 강의에서는 스테이지의 이름을 students라고 지정. (10:51) stage 설정후 보여지는 화면 (13:07) 리소스를 설정하지 않고 스테이지를 설정할 경우 파이프라인을 자세히 보자면, 위의 두 박스는 요청 첫번째 Method Request에서는 유효성 검증 e.g. 인가(authorization)을 위한 JSON 웹 토큰을 패스했는지, API key, model schema를 통과했는지 (13:37) 두번째 Integration Re..
-
[강의 정리] 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: 이 폴더 안에..