1주 차 때 배웠던 모듈 시스템(module system) 자바스크립트를 다루면서 여러 자바스크립트 파일이 있을 경우, 서로 다른 자바스크립트 파일에서 각 파일에 있는 함수를 불러오거나, 자바스크립트 파일 자체를 불러올 때 사용하는 모듈 시스템에 대해 배워봤다. //A.js 파일 //times, plusTwo 함수를 외부로 내보낼 준비를 한다. export function times(x) { return x * x; } export function plusTwo(number) { return number + 2; } //B.js 파일 //다른 자바스크립트 파일에서 다음과 같이 불러와 사용한다. import { times, plusTwo } from './util.js'; console.log(times(..

함축적인 자바스크립트 리액트 네이티브는 항상 최신 버전의 자바스크립트 문법(ES6)을 사용한다! 그렇기 때문에 공식문서를 볼 때 당황하지 않고 적용하기 위해서 그리고 기존 자바스크립트보다 더 함축적이고 간결한 문법을 사용하기 위해 배워보자! 함수를 더 짧게! - 화살표 함수 기존에는 함수를 선언하기 위해서 function 키워드를 사용했다. 이를 화살표 함수 (Arrow Function) 문법으로도 선언이 가능하다. [기존 방식] let a = function() { console.log("function"); } a(); [최신 방식] let a = () => { console.log("arrow function"); } a();. 딕셔너리 키와 값을 빠르게 꺼내기! - 비구조 할당 기존에는 객체(딕셔..

보통 자바스크립트는 웹 사이트(웹 문서)에 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어이다. 자바스크립트를 이용해 사이트 내의 팝업을 띄울 수 있으며, D-day 기능처럼 카운팅이 되는 모습도 작성할 수 있다. 이제는 자바스크립트로 앱도 만들 수 있다. (리액트 네이티브가 자바스크립트를 기반으로 하기 때문이다!!) 따라서 자바스크립트를 배워 놓으면 웹도 만들고 앱도 만들 수 있다. 크롬 브라우저에서 F12(맥은 : alt(option) + command + i)를 눌러 개발자 콘솔 창을 열어서 코드를 입력하며 공부할 수 있다. 위 스샷처럼 console.log("Hello World!"); 입력하고 Enter를 치면 Hello World!라고 나온다. console.log(변수)는 콘솔 창에 괄호 ..