2023-06-30 TIL (JavaScript 입문과 Node.js 찍먹)

<자바스크립트>

[ one-way 일방향 애니메이션 만드는 법 ]

1. 시작스타일 만들고 (class로)

2. 최종스타일 만들고 (class로)

3. 원할 때 최종스타일로 변하라고 JS 코드짭니다

4. 시작스타일에 transition 추가

<노드.js>

<기초 단계>

• npm init -y
• npn i

express 사용을 위한 기본 코드 및 서버 연결

// app.js
// express 기본적으로 사용하기 위한 작업
const express = require('express');
const app = express();
const port = 3000;

// goods.js 라우터 사용 
const goodsRouter = require("./routes/goods");
// localhost:3000/ -> goodsRouter. app.use 가 기본 URL 값을 나타냄 
app.use("/", [goodsRouter]);

// request(컴퓨터(서버)가 누군가의 요청)를 알아채고 무언가 해야된다는 것을 뜻한다.
app.listen(port, () => {
  console.log(port, '포트로 서버가 열렸어요!');
});

// ./routes/goods
// express 의 라우터 사용을 위한 기초
const express = require('express');
const router = express.Router();

// localhost:3000/ 여기를 기본 시작으로 만듦
router.get("/", (req, res) => {
  res.send("이 코드가 기본 시작");
});

// localhost:3000/about GET
router.get("/about", (req, res) => {
  res.send("goods.js about PATH");
});

// 외부 모듈로 내보냄 
module.exports = router;

API Client

개발단계에서 우리가 작성한 API의 요청을 확인하거나 테스팅 할 때 도움을 주는 툴

import, require 명령어를 사용하면 외부 모듈의 기능을 가져올 수 있습니다.

❓ import, require는 어떻게 구분해서 사용할까요?

• 자바스크립트는 대표적으로 CommonJS, ES6(ES2015) 방식으로 모듈 시스템을 관리할 수 있습니다.
• require는 현재 학습하고 있는 CommonJS로 모듈 시스템을 관리할 때 사용합니다.
• import는 ES6(ES2015)로 모듈 시스템을 관리할 때 사용합니다.

비쥬얼 스튜디오 코드

단어 더블클릭 하고 컨트롤 D 하면 같은 단어 찾음.