TIL DAY 180
오늘 배운 일
✔️ 자바스크립트 복습!
< Recap > 자바스크립트
노마드 코더 과정를 통해서 자바스크립트를 완전히 통달하자!
Import & Export
자바스크립트 프로젝트는 주로 한 파일로 구성된 코드의 집합체가 아니라 여러 파일들의 코드들를 내보내고 가져오는 형식으로 되어있다.
이 때, module 의 import 과 export 를 사용하는데...
import 은 가져오기 (수입)
export 은 내보내기 (수출)
이라는 뜻을 가지고있다.
예 )
server.js
import express from "express";
import globalRouter from "./router/globalRouter";
const app = express();
app.use("/", globalRouter);globalRouter.js
import express from "express";
import { trending } from "../controllers/videoController";
const globalRouter = express.Router();
globalRouter.get("/", trending);
export default globalRouter;
videoController.js
export const trending = (req, res) => res.send("Home Page Videos ");우선 내보내기인 export 을 보면...
globalRouter.js 에서 export default globalRouter 를 하여금 함수를 내보낸다.
이 때 default 를 사용하면 중괄호 없이 변수와 함수 등 import 를 할 수 있다.
그리고 default 를 사용하면 import 할 때 아무 이름으로 선언가능하다.
하지만 videoController.js 에서 export const trending 를 보면, 함수 맨 앞에다가 export 를 작성했다.
이렇게 하면은 여러 함수와 변수들을 내보낼 수 있지만, 꼭 import 할 때 { } 중괄호 안에다가 함수나 변수 이름을 작성해서 사용해야 한다.
그리고 중괄호 안에 무조건 똑같은 이름으로 된 함수와 변수로 선언해야 작동된다.
그 이유는 default 를 사용하지 않아 객체로 인식해서 구조분해를 통해 중괄호를 사용해준다.
주의할 점!
export default const apple = () => {}
위의 코드처럼 함수앞에다가 export 그리고 default 이 두가지를 작성하면은 에러가 발생해서 사용할 수 없다.
조건문 & 반복문 팁!
우리가 자바스크립트를 배우면서 조건문과 반복문에 대해 알아가게 된다.
조건문
- if (조건식) { 참이면 실행할 코드 }
반복문
- for ( i = 0; i < apple.length; i++) { 실행할 코드 }
- while ( i < 100 ) { 참이면 실행할 코드 }
이 때 알아야 할 것은 위의 것들을 사용할 때 return 문을 사용할 수 가 없다.
무조건 함수 블록 내부에서만 사용이 가능하다!!!
하지만 함수 내부에 if 문을 작성하면 return 문을 사용할 수 있다.
그리고 중요한 점
- if 문의 코드 블록이 한 줄짜리면 { } 중괄호를 생략할 수 있다.
ex )
const i = 0
if ( i < 100 ) console.log("i is less than 100")결과는...
- else 를 생략해서 사용할 수 있다.
ex )
const i = 101
if ( i < 100 ) {
console.log("i is less than 100")
}
console.log("i is bigger than 100")
이렇게 거짓일 경우 밑에 있는 콘솔로그가 작동된다.
