기초 문법
·
BackEnd/node.js
.then(매개변수) 의 경우 Promise의 동작 중 성공하면 자동으로 매개변수 안으로 성공한 리턴값이 들어온다. for (item of times) : items안에 들어있는 item을 하나씩 꺼내며 반복한다.
api 라우팅 분리
·
BackEnd/node.js
app.get('/sampleQuestions', (req, res) => { res.sendFile(path.join(__dirname, 'sampleQuestions', 'sampleQuestions.html'));});app.get('/sampleQuestions/api/questions', async(req, res) => { try{ const data = await fs.readFile(path.join(__dirname, 'sampleQuestions', 'test.json')); const questions = JSON.parse(data); res.json(questions); } catch(error){ consol..
패키지 목록 정리
·
BackEnd/node.js
패키지 목록 figlet : 가볍게 사용해보기 좋음. 글씨체를 아스키아트로 만들어준다.express : 웹프레임워크를 만드는데 도움을 주는 패키지nodemon : 서버를 매번 껏다 켜지 않아도 되도록 새로고침 해준다. 참고로 nodemon은 전역으로 깔아줘야 명령어가 사용가능함. -g 옵션을 추가해서 인스톨. nodemon 파일이름.js 하면 서버가 켜지고 코드를 변경시 자동으로 서버를 재부팅 시켜줌. 자주 사용하는 검사용 패키지 prettier (코드 포맷터) : Prettier는 코드의 스타일을 담당eslint (코드 린터) : ESLint는 코드의 품질을 담당jest (테스트 프레임워크) : Jest는 작성한 코드가 실제로 잘 돌아가는지 테스트하는 도구
API / CORS
·
BackEnd/node.js
API 작업시 차단 당할 수 있음. 해결 방법패키지 cors를 추가하고 선언명령어 입력var cors = require('cors') // 선언부터 해주고app.use(cors()) // 명령어를 입력하면 문제가 해결된다.
환경 설정 및 기본 사용법
·
BackEnd/node.js
node.js로컬에서 js 파일을 사용하려면 node.js를 선행으로 다운로드 해야한다.다운로드가 완료되면 터미널창 visual code나 CMD 창을 사용해 명령어를 입력한다.npm init : 명령어를 실행하면 package.json 파일이 생성되며 이곳에 모듈이 정리된다.node를 설치했음에도 npm init이 안된다면 powershell 이 아닌 cmd 로 터미널창을 다시 열어보자. 패키지 설치시 주는 옵션--save : 기록을 남긴다. 현재는 default 값으로 이것이 설정되어 있으니 신경쓰지 않아도 됨.-g : 내 컴퓨터 전체에 패키지를 설치한다. 패키지를 설치하면 package-lock.json 파일이 생성되며 구체적으로 기록된다.협업시 package.json 파일을 넘겨주면 내가 어떤 패..
node.js로 서버 열기
·
BackEnd/node.js
Back-End 환경 설정 node.js를 이용해 기존에 사용하던 live server(client-side)가 아닌 새로운 서버(server-side)를 만들어 보았다. Node.js는 언어나 프레임워크가 아닙니다.Node.js는 'JavaScript 실행 환경(Runtime Environment)'입니다. 크롬 브라우저가 웹 페이지를 실행해주는 환경인 것처럼, Node.js는 내 컴퓨터에서 JavaScript 파일을 실행해주는 환경 즉 node.js는 JavaScript라는 하나의 언어로 프론트엔드와 백엔드를 동시에 다룰 수 있게 해줌. 프레임워크는 도커에서 쓰던 이미지와 비슷한 설계도라고 할 수 있음.개발자가 반복적인 일을 피하고 핵심 기능에만 집중하도록 도와줌. node.js는 프레임워크가 아님..
API 요청
·
BackEnd/node.js
최종 구동 파일 1. 프로젝트 파일 구조simple-clock-app/├── index.html (페이지의 뼈대)├── style.css (페이지의 디자인)├── script.js (페이지의 기능, API 요청)└── server.js (파일 서빙 및 API 응답) 2. 백엔드 코드 : 'server.js'/ (루트 경로) 요청: 웹 페이지의 기본 뼈대인 `index.html` 파일을 전달./style.css 요청: `index.html`이 필요로 하는 `style.css` 파일을 전달./script.js 요청: `index.html`이 필요로 하는 `script.js` 파일을 전달./api/time 요청: 파일이 아닌, 현재 시간 정보가 담긴 JSON 데..