오랜만에 다시 시작해보자라는 생각으로 가슴 두근거리는 마음을 가지고 1주차 교육을 들었다
일단 결론 수업은 나에게는 핵심 내용만 설명해주셔서 편하게 들었고 강의도 길지가 않아서
편하게 들을 수 있었던 것 같다.
키워드 위주로 정리
안드로이드는 Java&Kotlin이라는 기술로 개발
iOS는 Swift라는 기술로 개발
안드로이드, iOS 각각 개발 하는 건 네이티브 앱!
웹 사이트를 만들고 껍데기를 씌워 간단히 배포하는 건 하이브리드 앱!
크로스 플랫폼 앱 개발은 네이티브 앱과 하이브리드 앱 개발의 장점들을 모아놨습
리액트 네이티브(React Native)
-크로스 플랫폼 앱 개발 언어 중 하나
-리액트(React.js) 라이브러리/프레임워크 기반으로 앱을 제작하는 기술
-"자바스크립트"로 개발 가능
리스트를 배열(Array)이라고도 부릅
리스트: 순서를 지켜서 가지고 있는 형태
-let a_list = [] // 리스트를 선언. 변수 이름은 역시 아무렇게나 가능!
딕셔너리: 키(key)-밸류(value) 값의 묶음
딕셔너리는 객체로도 불립
-let a_dict = {} // 딕셔너리 선언. 변수 이름은 역시 아무렇게나 가능!
리스트와 딕셔너리의 조합
-names = [{'name':'bob','age':20},{'name':'carry','age':38}]
딕셔너리의 자주쓰는 또 다른 표현
let b_dict = {'name':'Bob','age':21} //bob 이름을 꺼낼땐 두 가지 방식으로 깞을 꺼낼 수 있습
b_dict['name']
b_dict.name
함수
function 함수이름(필요한 변수들) { 내릴 명령들을 순차적으로 작성 }
// 사용하기 함수이름(필요한 변수들);
function sum(num1, num2) {
console.log('num1: ', num1, ', num2: ', num2);
//return 으로 값을 돌려주는, 뱉는 구조로 변수에 값을 전달 할 수도 있습니다.
return num1 + num2;
}
다른표현
let a = function(){
console.log("리터럴 방식 이라고 합니다");
}
a()
리액트 네이티브는 항상 최신 버전의 자바스크립트 문법(ES6)을 사용한답
기존에는 함수를 선언하기 위해서 function키워드를 사용했습니다.
이를 화살표 함수 (Arrow Function) 문법으로도 선언이 가능
[기존 방식]
let a = function() {
console.log("function");
}
a();
[최신 방식]
let a = () => {
console.log("arrow function");
} a();.
** 앞으로 리액트 네이티브 앱을 만들며 가장 많이 사용할 방식**
//함수에서 비구조 할당 방식으로 전달된 딕셔너리 값 꺼내기
let blogFunction = ({owner,url,getPost}) => {
console.log(owner)
console.log(url)
console.log(getPost())
}
blogFunction(blog)
[최신 방식]
let name = "스파르타";
let job = "developer";
let user = { name,
job
}
console.log(user);
//{name: "스파르타", job: "developer"}
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) }
)