앱개발에 자주 쓰이는 Javascript -3

앱개발 종합반 1주차

08. 앱개발에 자주 쓰이는 Javascript -3

[ 함축적인 자바스크립트 ]

리액트에서 많이 사용되는 자바스크립트 소개

• 화살표 함수
• 비구조 할당
• 리터럴
• 객체 리터럴
• map
• module system

5) map - 짧은 반복문

리스트의 길이값을 몰라도 반복문을 돌릴 수 있게 해주는 map

let numbers = [1,2,3,4,5,6,7];

numbers.map((value,i) => { 
	console.log(value,i) 
})

=
numbers.map(function(value,i) {
    console.log(value,i)

▶ 1 0
▶ 2 1
▶ 3 2
▶ 4 3
▶ 5 4
▶ 6 5
▶ 7 6

map 함수는 리스트가 가진 값과 그 값의 순서를 나열시켜줌

6) module system - 자바스크립트 파일의 모듈화

: 자바스크립트 파일을 분리해서 쓸 수 있게 해줌

export
외부에서 쓸 수 있도록 내보내는 키워드 (@A 파일)

import
외부에서 쓸 수 있게 준비된 함수를 불러오는 키워드 (@B 파일 )

A파일의 export 표시된 함수를 B파일에서 import를 이용해서 가져와 써먹을 수 있음.

export default
가져올 때 작성된 함수 이름과 다른 이름으로 가져와서 사용할 수 있음
export default로 선언한 함수는 해당 파일에서 유일해야 함

A파일의 export 표시된 함수를
B파일에서 import를 이용해서 가져와 써먹을 수 있음.

---

KEEP

• 메모장 1차 정리하니까 오히려 시간이 좀 덜 걸리는 것 같기도 함. 일단 유지해보자.

PROBLEM

• 5:08 ~ 5:20 (수업 듣기) --> ~5:28 메모장 1차 정리 -> ~5:37 벨로그에 개발일지 정리. 좀 더 속도감있게 듣고 정리하면 좋겠다.

TRY

• 제공되는 수업노트를 좀 더 활용해보면 시간 단축에 도움이 될듯함.