220417 TIL

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")

이렇게 거짓일 경우 밑에 있는 콘솔로그가 작동된다.

좋은 웹페이지 즐겨찾기