for, forEach, map의 차이점
for() for문은 조건을 검사하는 조건문이다. 만약 조건문이 참이라면, 그 반복문은 실행된다. 만약 조건문이 거짓이라면, 그 for문은 종결된다. var step; for (step = 0; step < 5; step++) { // Runs 5 times, with values of step 0 through 4. console...
고양이발
바닐라로 고양이 검색 만들기 : render() addEventListener에서 메서드 사용하기
render에서 다른 메서드를 호출하면 this.setState is not a function 에러가 뜬다. $close.addEventListener('click', this.handleClose); handleClose() { console.log(this); this.setState({ visible: fals...
[contains] 외부 영역 감지하기
contains contains를 이용하여 이벤트 타겟이 엘리먼트 외부 영역에 있는지 감지할 수 있다. handleClickOutside(e) { const $contentWrapper = document.getElementById('modal'); if ($contentWrapper && !$contentWrapp...
"git lg" alias 추가하기
git lg 단축키 만들기 git config --global alias.lg "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit --" lg 외에도...
[error] 거부됨 - would clobber existing tag
! [거부됨] v0.7.62 -> v0.7.62 (would clobber existing tag) yarn install 시 위와 같은 에러가 뜸. SourceTree에서 푸시를 시도 할 때 “태그가 이미 존재하기 때문에 업데이트가 거부되었습니다.” git pull –tags -f 도 하고 여러가지 해봤지만 똑같다.. 캐쉬 삭제를 하고 ...
Node Express 설치 및 html 라우팅하기🔥
Express 설치 npm install express --save Express를 임시로 설치하고 종속 항목 목록에 추가하지 않으려면, 다음과 같이 –save 옵션을 생략하십시오. Express 서버 생성 // server.js var express = require("express"); var app = express(); var ...
[MongoDB] 설치하기
Mongoose 설치 npm install mongoose mongodb 연동 Schema 생성 models 폴더를 만든 후 스키마 파일을 생성한다. // Item.js const mongoose = require("mongoose"); cosnt Schema= mongoose.Schema; const itemSchema = new mon...
HTTP 모듈 (3: 데이터 추출과 쿠키 추출)
데이터 추출 <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>Send Data With POST Method</h1> <form method="post"> ...
[Express] html에서 로드할 수 있는 파일 경로 설정
express.static Express에서 이미지, CSS 파일 및 JavaScript 파일과 같은 정적 파일을 제공하려 한다. public 폴더를 express.static 미들웨어 함수에 전달하면 디렉토리의 절대 경로를 사용하여 폴더 속 파일을 제공할 수 있다. app.use("/static", express.static(__dirname ...
동등 연산자 == 와 일치 연산자 === 의 차이🤨
== (동등 연산자 : Equality operator) 피연산자가 서로 다른 타입이면 타입을 강제로 변환하여 비교한다. 변환한 내용이 같은 경우 참(true)을 반환한다. === (일치 연산자 : Identity operator) 피연산자의 자료형까지 일치하는지 비교한다. 변환하지 않아도 내용이 같은 경우 참(true)을 반...