목록분류 전체보기 (189)
개발로그필름
https://www.acmicpc.net/problem/10171 10171번: 고양이 아래 예제와 같이 고양이를 출력하시오. www.acmicpc.net 이 문제는 출력하고 싶은 문자를 그대로 console.log 하면 안 된다 백슬래쉬(\) 사용하기 \' : ' 표시 \" : " 표시 \\ : \ 표시
https://www.acmicpc.net/problem/10718 10718번: We love kriii ACM-ICPC 인터넷 예선, Regional, 그리고 World Finals까지 이미 2회씩 진출해버린 kriii는 미련을 버리지 못하고 왠지 모르게 올해에도 파주 World Finals 준비 캠프에 참여했다. 대회를 뜰 줄 모르는 지박 www.acmicpc.net
프론트엔드 개발자를 준비하면서 어떤 언어로 코딩 테스트를 준비할지 많이 고민했는데 javascript를 주 언어로 준비하기로 결심했다. 오늘부터 백준 기본문제부터 차근차근 실력을 쌓아보고자 한다 백준에서 문제를 풀 때 사용 언어로 javascript라는 것은 없다 node.js를 선택해 풀면 된다 https://www.acmicpc.net/problem/2557 2557번: Hello World Hello World!를 출력하시오. www.acmicpc.net 간단한 출력 문제이다 console.log()를 사용해 해당 문자열을 그냥 출력해주기만 하면 된다
middleware는 middle + software의 합성어로 중간에 있는 소프트웨어이다 앞서 request, response 두 개의 argument를 살펴보았는데 next argumnet가 하나 더 있다 next argument는 다음 함수를 호출해준다 만약 함수가 next 함수를 호출한다면 이 함수는 middleware라는 것을 알 수 있다 middleware는 사람들이 웹사이트의 어디를 갈지 알려준다 app.use()는 global middleware를 만들 수 있게 해준다 순서가 중요한데 middleware의 use가 먼저 온 뒤 URL의 get이 와야 한다 const logger = (req, res, next) => { console.log(`${req.method} ${req.url}`)..
const handleHome = () => console.log("Somebody is trying to go home."); app.get("/", handleHome); root page로 get request를 보내는 코드이다 하지만 페이지가 계속 로딩되기만 한다 request를 받기는 했지만 응답을 해주지 않아서 계속 로딩중인것이다 const handleHome = (req, res) => { return res.send("I still love you."); }; const handleLogin = (req, res) => { return res.send("Login here.") } app.get("/", handleHome); app.get("/login", handleLogin); exp..
첫 express application 만들기 import express from "express"; const app = express(); "express"라는 package를 express라는 이름으로 import express()를 사용하면 express application을 생성해준다 import express from "express"; const app = express(); // 추가 const handleListening = () => console.log("Server listening on port 4000") app.listen(4000, handleListening); 위와 같이 코드를 작성하고 저장만 해도 nodemon 덕분에 자동 재시작된다 주소창에 localhost:4000..
Babel 사용하는 법 직관적으로 babel 사용하는 방법을 알고 싶으면 babel 홈페이지에 babel 사용법이 상세히 나와있다 하지만 자바스크립트에서 직접 babel을 사용할 것은 아니기 때문에 다른 방법으로 접근해보자 package.json에 babel로 컴파일하는 scripts 만들기 (nodemon 사용) @babel/node 설치 npm install @babel/node --save-dev @babel/node를 설치했기 때문에 babel-node 라는 명령어를 쓸 수 있게 되었다 이제 dev 명령어를 실행시키면 babel도 같이 적용돼서 node.js가 실행될 것이다. 최신 문법 코드를 동작시킬 수 있게 된다 npm run dev 여기서 귀찮은 점 !!! 내가 파일을 수정할 때마다 npm ..
express를 어떻게 쓸까? import express from "express"; //const express = require("express"); const app = express(); console.log("Hi!"); 위와 같이 express()인 app을 만들면 express 애플리케이션 완성! Babel https://babeljs.io Babel · The compiler for next generation JavaScript The compiler for next generation JavaScript babeljs.io Babel은 자바 스크립터 컴파일이다 즉 nodeJS가 이해하지 못하는 최신 코드를 문제없이 이해하도록 변환해주는 컴파일러이다 따라서 개발자는 nodeJS가 현재 자..