HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🤎
프론트엔드 데브코스 5기 교육생
/
🧧
고현주팀
/
🎰
프로젝트
/
2-1

2-1

유형
상태
에픽
게임2_테트리스
스프린트
우선순위
작업
엔지니어
타임라인

🦴 js 파일에서 모듈로 import하기

리액트에서 처럼 함수나 컴포넌트를 export하고 사용하는 곳에서 Import하는 방식과 조금 비슷하면서도 다르다.
예를 들어 tetris.js 파일에서 block.js파일의 BLOCKS라는 변수를 가져오려면?
이렇게 import를 하면된다.
그리고 index.html에서 tetris.js 파일의 타입을 module로 정해주면 된다.
 

 
 

🦴 객체의 길이 세기

객체는 .length 가 안된다 ^^
를 쓰자 !
저 코드를 이용하면 객체의 { 키: 벨류} 형식이 배열로 변하고 [키, 벨류] 가 된다. 요소가 여러개라면 각각의 요소에서 [0]이 키, [1]이 벨류인 것이다.
 
import BLOCKS from './blocks.js';
<script src="js/tetris.js" type="module"></script>
Object.entries(객체).length