NodeJS

Javascript, NodeJS 관련된 것을 공부하고 기록합니다.

Javascript - Class로 JSON 만들기

뚝딱뚝딱 업무 자동화

javascript class 업무 자동화를 위한 코드를 짜다 보니, request를 위한 json을 보다 편하게 만들 수 있는 방법이 없을까?라는 생각이 들었다. 그래서 내가 생각해 낸 것은 javascript의 new 연산자와 constructor를 이용해 class를 뚝딱 만든 뒤, json화 하는 것이다. Class 클래스는 ...

Posted by Yan on April 29, 2022

NodeJS - underscore

복습하기

자바스크립트에서 언더스코어(언더바)를 사용하는 다양한 방법 기본 JavaScript 객체들을 확장하지 않고, 함수형 프로그래밍을 지원한다. _ 관련 함수는 100개가 넘는다. map, filter, invoke와 같은 함수와도 같이 쓸 수 있다. Collection (Array, Object)관련 함수 _.each(list, ...

Posted by Yan on April 12, 2022

Javascript - Angular 기본

Angular, Angular JS

Angular란? TypeScript를 기반으로 개발된 개발 플랫폼 확장 가능한 컴포넌트 구조로 웹 애플리케이션을 만드는 프레임워크 라우팅, 폼관리, 클라이언트-서버 통신 등 웹 개발에 필요한 라이브러리를 통합함 애플리케이션 개발, 빌드, 테스트, 수정에 필요한 개발자 도구가 있다. Angular JS란? 구글이 만든 오픈...

Posted by Yan on December 4, 2021

NodeJS - get, send

복습하기

NodeJS로 서버 만들기 복습 1. npm i express로 express 설치 2. server.js파일에서 express 사용하는 방법 1 2 const express = require("express"); const app = express(); 3. 로컬호스트 3000에 서버 실행시키기 1 2 3 const server = app...

Posted by Yan on November 13, 2021

Javascript - lazy loading

웹 페이지의 초기 로딩 시간을 단축하고 웹 성능을 향상시키는 lazy loading

lazy loading이란 모든 이미지들을 한번에 불러와서 로딩이 오래 걸리는 현상을 방지하고, 웹 성능을 향상시키기 위해 뷰포트에 아직 등장하지 않은 이미지는 로딩을 지연시켰다가 불러오는 방식이다. 성능 향상과 비용 감소에 효과적이다. 구현 코드 아주 잘 설명된 글이 있어서 보고 따라서 코드를 쳐보면서 이...

Posted by Yan on May 23, 2021

Javascript - URL objects

url에 대해서

url 객체 window 내장함수인 url 객체는 URL을 만들고 파싱할 수 있게 해준다. URL객체를 반드시 활용해서 url을 만들 필요는 없지만 유용하게 사용할 수 있다. URL 만들기 1 new URL(url, [base]); url : 전체 URL 또는 path base : 옵션. url에 pat...

Posted by Yan on March 4, 2021

Javascript - redux

redux

vanilla javascript와 redux로 todo list만들기 getState store.getState()현재의 state값을 알 수 있다. subscribe store.subscribe()변화하는 state값을 알 수 있다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23...

Posted by Yan on February 18, 2021

Javascript, CSS - 나타나기 효과

animation

나타나기 효과 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 <!DOCTYPE html> <html> <head> <title>Parcel Sandbox</title&...

Posted by Yan on February 2, 2021

Javascript, CSS - Modal

Modal

모달창 만들기 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 <!DOCTYPE html> <html> <head> <title>Parcel Sandbox</tit...

Posted by Yan on February 2, 2021

Express - RESTful, GET. POST

RESTful에 대해서

Defining RESTful Routes REST REpresentational State Transfer Resource의 Representation에 의한 상태(컴퓨터가 가진 자원의 상태. 파일/데이터베이스 등을 자원이라고 함. 상태 = 정보) 전달 HTTP Method를 통해 Resource를 처리하기 위한 아키텍쳐 PI 작동 ...

Posted by Yan on January 27, 2021

NodeJS - template, ejs, static

ejs에 대해서

Creating Dynamic HTML With Templating Templating 웹 페이지의 패턴을 파악하고 동적으로 제어하기 express 자체는 템플릿 엔진의 기능을 갖고 있지 않아서, 템플릿 엔진을 따로 설치해야한다. 동적인 파일과 정적인 파일의 장단점을 결합한 형태의 새로운 체계다. 가장 많이 스이는 것이 ejs와 p...

Posted by Yan on January 26, 2021

NodeJS - express

express에 대해서

Creating Servers With Express Express node 패키지로, 자체적인 최소한의 기능을 갖춘 라우팅 및 미들웨어 웹 프레임워크. request를 들을 수 있는 서버를 만든다. request를 parse할 수 있다. 그리고 request들을 특정한 route로 match시킨다. http response를 만들...

Posted by Yan on January 25, 2021

codewars - filter(Boolean)과 정규표현식

정규표현식에 대해서

문제 Polycarpus works as a DJ in the best Berland nightclub, and he often uses dubstep music in his performance. Recently, he has decided to take a couple of old songs and make dubstep remixes from ...

Posted by Yan on January 24, 2021

NodeJS - require, npm

모듈에 대해서

Exploring Modules require 모듈을 가지고 오는 방법 require() app.js 1 const math = require("./math"); 모듈을 절대 경로로 찾을 때는 모듈 이름을 ‘/’로 시작하면 된다. 예를 들어, require(‘home/marco...

Posted by Yan on January 19, 2021

NodeJS - process객체와 fs모듈

기본 명령어부터 시작

Our First Brush With Node git bash에서 node 실습하기. 커맨드 창에 node를 적으면 node.js가 실행된다 .help : 여러가지 명령어 목록을 보여준다 .exit : node에서 나가기 터미널 명령어 mkdir 폴더명 : make directory touch 파일명 : 파일 만들기 no...

Posted by Yan on January 18, 2021

ABOUT ME

우리는 읽은 것으로 만들어지고, 기록되지 않은 것은 기억되지 않는다. 그래서 나는 읽고, 배우고, 그리고 남긴다.😉