qwef

const http = require("http"); const url=require("url"); const hostName = "127.0.0.1"; const port = 3000; const server = http.createServer((req, res)=>{ switch(req.method){ case 'GET' : console.log(req.url); if(req.url === "/"){ res.setHeader("Content-Type", "text/plain"); res.writeHead(200); res.end("you send with GET method") }else if(req.url.substring(0,5) === '/data'){ const queryParams = url..

const fs = require('fs'); const path = require('path'); const FILE_PATH = path.join(__dirname, "addFolder", "addFolder.txt"); // 이건 패턴임. 파일 fs관련 할 때는 이 패턴 인 듯 // fs.메소드(경로, 옵션, 콜백(에러, 데이터)) 콜백은 파일로드 또는 에러 시 할 행동 fs.open(FILE_PATH, 'r', (err, fd)=>{ if(err){ return console.log(err); } console.log("파일을 정상적으로 읽을 수 있습니다."); fs.readFile(FILE_PATH, 'utf-8', (err, data)=>{ if(err) return console.log(er..

헤드에 추가 해주면 됨. favicon generator 인터넷에서 찾아서 들어가면 기기별? 화면 크기별 자동으로 만들어 짐. 그냥 거기서 안내하는대로 따라서 하면 됨.

스크롤 이벤트 리스너를 추가할 때 document.addEventListener("scroll", (e)=>{ }, {옵션들}) 이렇게 이벤트용 옵션을 객체로 넣을 수 있다. 그 중 하나가 passive {passive:true} 이렇게 할 수 있다. 이거 왜에도 capture, once 등 뭐랄까 버블링? 이벤트 전파에 대한 것도 옵션을 줄 수 있는 모양이다. passive는 스크롤 이벤트가 발생하면 보통 스크롤을 취소할 지 여부를 알 수 없기 때문에 항상 수신기가 끝날 때 까지 기다렸다가 스크롤을 한다. passive 옵션은 브라우저에게 스크롤을 기다리지 않고 즉시 스크롤 해도 됨을 알리는 거다.

target : 내가 실질적으로 클릭한 녀석 currentTarget : 실질적으로 이벤트가 등록된, 실행된 녀석.

const fs = require("fs"); const FILE_NAME = __dirname + "/text.txt"; makeFile(FILE_NAME); updateFile(FILE_NAME); fileOpen(FILE_NAME); function makeFile(path) { fs.writeFile(path, "Hello!!!", "utf8", (err) => { if (err) { console.error("Can't make a file"); return; } console.log("파일생성 완료."); }); } function updateFile(path){ fs.appendFile(path,"\nUpdated!!!", null ,(err)=>{ if(err){ console.error(..

const fs = require("fs"); const checkDir = (path, callback) => { fs.stat(path, (err, stats) => { if (err && err.code === "ENOENT") return callback(null, true); if (err) return callback(err); }); }; const currentPath = __dirname; //__dirname이 현재 위치를 알려주는 기본제공으로 알려주는 변수 let path = `${currentPath}/test`; checkDir(path, (err, isTrue)=>{ if(err) return console.log(err); if(isTrue){ console.log('이미 동일..

const http = require('http'); const hostname = '127.0.0.1'; const port = 3000; const server = http.createServer((req, res) =>{ res.statusCode = 200; res.setHeader('Content-Type', 'text/plain'); res.end('Hello World!!!'); }); server.listen(port, hostname, ()=>{ console.log(`Server running at http://${hostname}:${port}`); }) http라는 외부모듈? 을 http라는 이름으로 가져오는 듯 하다. 거기서 호스트네임, 포트를 지정해 주고, http.createS..

const printHello = ()=>{ console.log('Hello'); } let nums = [1,2,3,4]; const PI = 3.14; class User{ name; constructor(name){ this.name = name; } introduce(){ console.log(`Hello, my name is ${this.name}`); } } let user1 = new User('user1'); function hello(msg){ console.log('export function' + msg); } exports.printHello = printHello; exports.nums = nums; exports.PI = PI; exports.User = User; expor..

그냥 단어 두개 이어진 거 - 행동 -- 어디 소속 __ header__menu clean--float send-btn--hover https://nykim.work/15 [CSS 방법론] BEM 방식 오늘은 CSS 방법론을 다뤄보겠습니다 ;-) 말이 거창하긴 한데 쉽게 풀어쓰면 'CSS 클래스네임을 어떻게 지으면 좋을지' 고민해보는 거죠. 방법론에는 여러 가지가 있는데, 최근 BEM을 실무에 도입하 nykim.work BEM 방식이라고 함.