[30일 챌린지 Day-3] input값 적용하기
·
개발/html, css, js
1. 기본값 Update CSS Variables with JS Spacing: Blur: Base Color 2. 결과 Update CSS Variables with JS Spacing: Blur: Base Color 3. 리뷰 input과 change의 차이점 : input은 실시간으로 값을 받아들이지만 change는 마지막값 즉, 결과값만 받아들인다.
[30일 챌린지 Day-2] 시계 만들기
·
개발/html, css, js
기본값과 결과를 html로 띄어놓고 코딩해보세요 1. 기본값 2. 결과 3. 리뷰 처음 시침,분침,초침이 9시방향을 가리키고 있어서 12시방향으로 옮겨주기 위해 3시간, 15분,15초 씩 더해줬다. setInterval 로 1초마다 한번씩 값을 갱신하도록 작성했다. 초침은 60초에 360도를 움직이므로 1초에 6도 움직인다. 분침은 60분에 360도를 움직이므로 1분에 6도 움직인다. 여기에 60초에 1분이므로 60초에 6도움직이기 때문에 초/60 *6 을 추가한다. 시침은 12시간에 360도를 움직이므로 1시간 30도, 60분에 30도움직이고, 3600초에 30도 움직이므로 값을 추가한다.
[node.js] express, MySQL
·
개발/node.js
1. express Node.js를 사용해서 쉽게 서버 구성을 할 수 있게 만들어주는 클래스와 라이브러리 집합이다. express 설치 명령어 npm i express 설치 후 express 모듈 가져오기 const express = require("express"); 2. body-parser body-parser는 요청과 응답사이에서 공통적인 기능을 해주는 미들웨어다. 데이터를 body라는 객체 안에 담아서 요청 응답을 받을수 있게 해준다고 보면 된다. 설치 명령어 npm i body-parser 설치후 모듈 가져오기 const bodyParser = require("body-parser"); 3. ejs ejs는 node.js와 express에서 많이 사용하고 있는 템플릿 엔진이다. ejs는 우리가..
[Go] Go 설치 및 기초
·
개발/Go
1. Go 설치 https://go.dev/ The Go Programming Language DevOps & Site Reliability With fast build times, lean syntax, an automatic formatter and doc generator, Go is built to support both DevOps and SRE. go.dev 여기서 최신버전 설치 후 VS code 확장프로그램에서 Go를 검색하여 설치해주면 된다. 2. go 파일 만들어보기 하나의 폴더를 정한 후 hello.go 파일 생성 후 아래 코드 작성 package main import "fmt" func main() { fmt.Println("Hello World") } 3. go 파일 실행시키기 (1..
Node.js 핵심개념
·
개발/node.js
1.노드의 핵심개념 [1] 서버 클라이언트는 서버에 요청을 보내고 서버는 그 요청에 응답한다. 서버는 응답만 하는것이 아니라 다른 서버에 또 요청하는 클라이언트가 될수 있다. [2] 자바스크립트 런타임 런타임이란? 특정언어로 만든 프로그램들을 실행할수 있는 환경 노드란 자바스크립트 런타임이다. 자바스크립트 실행기라고 봐도 무방하다. [3] 이벤트 기반 노드는 이벤트 기반 방식으로 동작하기 때문에 이벤트가 발생하면 콜백 함수를 호출한다. 발생한 이벤트가 없거나 발생했던 이벤트를 다 처리하면 다음 이벤트 발생까지 대기한다. 함수를 실행하면 호출스택에 쌓이고 반대순으로 실행된다. 이벤트 루트가 있다면 함수의 콜백함수가 백그라운드로 간 후 태스크 큐에 대기한다. 호출스택이 비워진 후 태스크큐에 있는 콜백함수들을..