javascript의 실행 방식

<html>

<head>

	<script src="app.js"></script>

</head>

</html>

script 태그가

javascript 파일을 로딩하는, 불러들이는 역할을 하는 태그

export,import를 쓰기에는 2가지 문제점이 존재

브라우저 호환성 이슈

모듈 스펙

엔지니어링 시도

엔지니어링이란?

nodejs , npm

bundler(소프트웨어)는 기본적으로 시작되는 javascript파일 안에서 다른 javascript를 파일을 불러준다.

모듈이라고 하는 스펙을 이용하여 다 구문 해석해서 javascipr 코드를 하나의 파일로 만들어준다.

브러우저에서 로딩하기 전에 미리 브라우저에서 실제로 javascript 파일을 불러들이기 전에

미리 많은 파일들을 하나의 파일로 만들어준다.

번들러중 가장 많이 쓰이는 도구는 webpack

트랜스 파일링

개발자들이 코드를 작성할때 컴퓨터가 실행시킨다.

인간이 이해나는 프로그래밍 언어를 기계가 이해할 수 있는 프로그래밍 언어로 바꾸는 과정

내가 원하는 언어를 만들어서 javascrpit로 변환

개발자들은 자기가 원하는 문법으로 개발하고 안정적인 버전으로

서비스를 할 수 있는 길이 열린다.

typescript가 제공하는 트랜스 파일러를 이용하여

원하는 javascript로 변환

javascript hacker new app 두개의 화면 웹앱 만들기 (0)	2021.10.06
javascript를 이용한 해커 뉴스앱 만들기 (0)	2021.10.05
프론트엔드 javascript 와 typescript Essential 개발환경 (0)	2021.10.02
javascript 기초문법 3 (0)	2021.10.02
vsc javascript 기초문법 2 (0)	2021.09.29

rondido