react javascript (2) 썸네일형 리스트형 [React] React를 위한 JavaScript (3) JS 구성: 모듈, 조건 표현식, 비동기 Step 1. 모듈(Module)JS에서 모듈이란 코드를 재사용 가능한 독립된 파일 단위로 쪼개어 관리하는 기술로 실제 프로젝트에서는 파일 하나에 코드를 다 작성하지 않고 파일을 잘게 나누어 작성한다.React에서는 컴포넌트 하나당 파일 하나가 기본이다.- 컴포넌트(Component): 화면을 구성하는 재사용 가능한 독립적인 UI 조각 나눈 파일들은 서로 값을 주고받아야 한다. 내보내는 쪽이 export, 받는 쪽이 import이다. 이제 2개의 js 실습 파일을 만든다.cd ~/react-study/jstouch utils.js main.js utils.js// named exportexport const add = (a, b) => a + b;export co.. [React] React를 위한 JavaScript (1) JS 구성: 함수 / 화살표 함수 / map, filter Step 0. JavaScript 실습용 폴더 및 파일 생성mkdir js && cd jstouch practice.js브라우저 없이 터미널에서 바로 돌리는 게 빠르다. 다음 명령어를 통해 실행할 수 있다.node practice.js Step 1. 함수는 값이다.JavaScript에서 함수는 숫자나 문자열처럼 변수에 담고, 인자로 넘기고, 반환할 수 있는 값이다.function greet(name) { return "안녕, " + name;}const hello = greet; // 호출이 아니라 함수 자체를 담음console.log(hello("철수")); // 안녕, 철수greet와 greet()는 완전히 다르다. greet.. 이전 1 다음