[내일배움단] 앱개발 종합반 - 1주차

클라이언트 : 사용자가 보는 화면 (Ex. 크롬 브라우저나 사파리, 익스플로러, 어플 자체)

서버 : 원하는 데이터가 있으며 이를 요청하면 이에 응답해주는 곳

안드로이드, iOS 각각 개발 == 네이티브 앱
웹 사이트를 만들고 껍데기를 씌워 간단히 배포 == 하이브리드 앱

-> 크로스 플랫폼 앱? 네이티브 앱과 하이브리드 앱 개발 장점 모아놓음

리액트 네이티브

크로스 플랫폼 앱 개발 언어 중 하나
이스북에서 만들고 지원하고 있으며, 사용자 인터페이스(UI)를 만드는 데에 특화되어 있는 리액트(React.js) 라이브러리/프레임워크 기반으로 앱을 제작하는 기술

JAVASCRIPT

let으로 변수를 선언

let num = 20
num = 'Bob'

리스트: 순서를 지켜서 가지고 있는 형태

let a_list = []
let b_list = [1,2,'hey',3]
b_list.push('헤이')

딕셔너리: 키(key)-밸류(value) 값의 묶음

let a_dict = {}
let b_dict = {'name':'Bob','age':21} // 로 선언 가능
b_dict['name'] // 'Bob'을 출력
b_dict['age'] // 21을 출력

리스트와 딕셔너리 조합

names = [{'name':'bob','age':20},{'name':'carry','age':38}]

// names[0]['name']의 값은? 'bob'
// names[1]['name']의 값은? 'carry'

new_name = {'name':'john','age':7}
names.push(new_name)

// names의 값은? [{'name':'bob','age':20},{'name':'carry','age':38},{'name':'john','age':7}]
// names[2]['name']의 값은? 'john'

함수

// 만들기
function 함수이름(필요한 변수들) {
	내릴 명령들을 순차적으로 작성
}
// 사용하기
함수이름(필요한 변수들);

ES6 Arrow Function

let a = () => {
  console.log("arrow function");
}
a();.

ES6 비구조 할당

let blog = {
	owner : "noah",
	url : "noahlogs.tistory.com",
	getPost() { 
		console.log("ES6 문법 정리"); 
	}
};
let { owner, getPost } = blog;  
let blogFunction = ({owner,url,getPost}) => {
	console.log(owner)
	console.log(url)
	console.log(getPost())
}
blogFunction(blog)

map - 반복문의 또 다른 방식

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

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

module 시스템

export = 자바스크립트의 값, 함수, 딕셔너리(객체) 또는 자바스크립트 파일 자체를 외부로 내보내는 키워드
import = 반대로 자바스크립트 파일 안으로 가져오는 키워드