전체 글 (265) 썸네일형 리스트형 [Node] Crawling puppeteer를 활용하여 웹 페이지의 데이터를 Crawling하기 관련 포스트 - ScreenShot Crawling developing-move.tistory.com/173 [Node] Crawling puppeteer 활용하여 웹페이지에 스크린샷을 자동으로 생성하기 관련 포스트 - HTML Crawling developing-move.tistory.com/174 [Node] Crawling puppeteer를 활용하여 웹 페이지의 데이터를 Crawling하기 원하는 페이지에서 html 소스를 가져와 파일 시스템을 이용하여 실제.. developing-move.tistory.com - pdf Crawling developing-move.tistory.com/175 [Node] Crawling puppeteer를 활용하여 웹 페이지를 pdf로 변환 및 저장 Crawli.. [Node] Crawling puppeteer 활용하여 웹페이지에 스크린샷을 자동으로 생성하기 관련 포스트 - HTML Crawling developing-move.tistory.com/174 [Node] Crawling puppeteer를 활용하여 웹 페이지의 데이터를 Crawling하기 원하는 페이지에서 html 소스를 가져와 파일 시스템을 이용하여 실제 파일로 출력하는 로직이다. 각 라인에 대한 설명은 주석에 있다. 예시 소스 const puppeteer = require('puppeteer'); const fs = require('f.. developing-move.tistory.com - PDF Crawling developing-move.tistory.com/175 [Node] Crawling puppeteer를 활용하여 웹 페이지를 pdf로 변환 및 저장 Crawling 마지막으로 원.. [Node] Class 활용하여 express 선언하기 'use strict' const express = require('express') const http = require('http') // class로 express 선언 // http server를 확장 // 매우 중요 ! class ApiServer extends http.Server { // singleton pattern 활용 // constructor를 통해서 클래스를 초기화하는데 // config를 통해 외부의 환경 설정을 읽어 옴 // 한 번만 config로 초기화 함 constructor (config) { // express가 한 번만 생성되어 유일성을 보장받을 수 있음(중요!) const app = express() // super를 사용하여 해당 메소드를 다 사용 가능하게 supe.. [Javascript] Singleton Pattern(싱글톤 패턴) Singleton Pattern (싱글톤 패턴)은 클래스 함수의 인스턴스를 한 개로만 유지하는 것을 말한다. 즉 여러 객체가 생성되더라도 최초 생성된 객체만 사용한다. 활용 사례 express 서버를 초기화할 때 환경 설정 파일을 읽거나 aws에서 환경 변수들을 가지고 있는 객체를 만든다고 가정할 때 싱글톤 패턴을 사용하지 않을 경우 서버에 대한 환경 설정을 계속해서 새로 읽거나 업데이트는 불필요한 작업이 일어남 어떤 객체나 데이터에 대해서 단일성 즉, 최초 한 번만 생성됨을 보장하기 위해서 사용하는 패턴이 싱글톤 패턴 캐시는 기존의 데이터가 있는 것에 대해서 새로 생성하지 않고 바로 사용가능한 것인데, 싱글톤 패턴을 사용하지 않을 경우 캐시 모듈이 항상 생성(초기화)되어서 의미가 없다. 'use str.. [Javascript] Reduce reduce를 사용하여 array를 편집하고 수정할 수 있음 reduce 는 각각의 요소를 첫 번째부터 혹은 특정 인덱스부터 마지막까지 접근할 때 사용 각각의 배열의 요소를 for문을 통해 배열의 요소를 하나 하나씩 접근 하는 것과 동일한 효과를 볼 수 있지만 가독성, 직관성 측면에서 뛰어남 map과 filter로 두 번 해야하는 연산을 reduce를 사용하여 한 번만 사용할 수 있음 예시 소스 'use strict' const numbers = [10, 20, 30, 40]; // 0부터 시작해서 각각의 배열을 순회하며 다음 값들을 한 번씩 더해 줌 // 명시적으로 초기값을 지정하지 않으면 0부터 시작 const sum = numbers.reduce((tot, val) => tot + val) cons.. [Node] Prototype vs Class 차이점 알아보기 먼저 Prototype을 활용한 서버 생성 소스 const http = require('http'); // 서버 생성 const server = http.createServer((req, res) => { // 요청에 대한 결과를 보낼 때 200일 경우 정상 작동 res.statusCode = 200 // 해당하는 데이터로 어떠한 것을 보냈는지 명시적으로 선언 res.setHeader('Content-type', 'text/html'); // html 문서를 리턴한다. // 종료 res.end('Hello World'); }) // 명시적으로 포트를 외부에서 받음 //const port = process.env.PORT // 테스트 화면을 띄우기 위해 임의의 포트 번호 작성 const port = 300.. [Node] http 모듈 이용하여 서버 구축하기 웹 프레임워크(express 등)를 사용하지 않고 http 모듈을 사용하여 서버를 구축하는 방법 간단한 로직인 경우에는 express로 구축하는 것 보다 http 모듈을 활용하는 것이 성능적으로 더 뛰어남 예시 소스 'use strict' const http = require('http'); // 서버 생성 const server = http.createServer((req, res) => { // 요청에 대한 결과를 보낼 때 200일 경우 정상 작동 res.statusCode = 200 // 해당하는 데이터로 어떠한 것을 보냈는지 명시적으로 선언 res.setHeader('Content-type', 'text/html'); // html 문서를 리턴한다. // 종료 res.end('Hello World.. [CSS] transform 변환 속성 - backface-visibility ▶ backface-visibility - 3D 변환으로 회전된 요소의 뒷면을 볼 수 있는데 이를 안 보이도록 설정할 수 있음. - 3D 변환으로 회전된 요소의 뒷면 숨김을 설정. [속성 값] - visible: 뒷면을 숨기지 않음. 기본값. - hidden: 뒷면 숨김. hidden 사용 시 뒷면이 나오는 시점에 요소가 화면에 안 나옴. 이전 1 ··· 10 11 12 13 14 15 16 ··· 34 다음
