나빈스 코딩

1. 전역 변수 시대옛날 JS는 모든 파일이 전역 스코프를 공유해서변수 이름 충돌·유지보수 문제 심각했다.2. 모듈 시스템 등장 - CommonJS: `module.exports`, `require()` (Node.js 기본) - RequireJS: `define()`, `require()` (브라우저 AMD 방식) → 파일별 독립 스코프로 문제 해결.3. ES6 모듈(표준)`import`, `export` 키워드 도입.성능 최적화 쉬움, 현재 표준 방식.// math.jsexport function add(a, b) { return a + b; }// app.jsimport { add } from './math.js';

function sayHi() { console.log('hi');}sayHi();위에가 함수 정의이고, 아래가 함수 호출이다.자바스크립트는 위에서부터 한줄씩 차례대로 실행하지만, 함수의 정의는 호출될 때만 실행한다.따라서 sayHi()가 먼저 실행되고, 그 다음에 함수 정의가 실행된다.

둘의 차이는 아래와 같이 생각해볼 수 있다.친구한테 돈을 빌렸다. 계좌로 송금해줄 것인가? 현금으로 줄 것인가?계좌로 송금하면 "기록"이 남기 때문에, 돈을 준 걸 증명할 수 있다.현금으로 주면 증명을 하지 못하지만 친구를 믿으면 계좌송금보다 편리하다. (19년도에 나온 예시라 계좌송금이 복잡했을 때였나보다.) 정답은 없다.나에 맞게, 팀에 맞게 정하면 된다.편할대로 쓰다보니 기준이 없는 것 같아 나는 나름대로 기준을 새웠다.나의 경우에는 하나만 내보내는 파일은 default를 쓰고, 여러개를 내보내는 파일은 named를 쓴다. https://medium.com/dailyjs/javascript-module-cheatsheet-7bd474f1d829

변수 선언자바스크립트는 2가지 방법으로 변수를 선언할 수 있다. 1. varvar는 선언한 변수를 또 선언할 수 있기 때문에 혼란을 야기한다.그래서 잘 쓰지 않는다. 2. letlet은 한번 선언하면 더이상 선언할 수 없다.let helloText = "안녕, 자바스크립트";console.log(helloText); 자바스크립트에서 변수 선언할 때 자료형을 따로 써주지 않는다.그래서 형 변환에 자유롭지만 그래서 조심해서 써야한다.typeof로 타입을 체크하고 코드를 수행하는 것도 좋은 방법이다.상수 선언상수 선언은 const로 한다.앱을 한번 실행하면 const는 바꿀 수 없다.자료형자바스크립트 자료형은 원시 자료형과 객체 자료형으로 나뉜다.원시 자료형은 하나의 값만 가지는 타입을 말한다.원시 자료형은..