https://ko.reactjs.org/docs/getting-started.html
https://reactjs-kr.firebaseapp.com/docs/hello-world.html
AOP
cross-cutting concerns
객체 지향 소프트웨어 개발에서 횡단 관심사 또는 크로스커팅 관심사(cross-cutting concerns)는 다른 관심사에 영향을 미치는 프로그램의 애스펙트이다. 이 관심사들은 디자인과 구현 면에서 시스템의 나머지 부분으로부터 깨끗이 분해되지 못하는 경우가 있을 수 있으며 분산(코드 중복)되거나 얽히는(시스템 간의 상당한 의존성 존재) 일이 일어날 수 있다.
이를테면, 의무기록을 관리하기 위한 애플리케이션을 작성한다고 했을 때 이러한 기록의 색인화는 핵심 관심사인 한편 변경 이력을 기록 데이터베이스나 사용자 데이터베이스에 로깅하는 일이라든지, 인증 시스템과 같은 것은 횡단 관심사이며 이들은 프로그램의 더 많은 부분과 상호작용한다.
https://ko.wikipedia.org/wiki/횡단_관심사
react-native-vector-icons 링크시
0.59이하 버전은 명령어로 가능
0.60이상 버전은 xcode에서 해야 된다.
State와 Props의 개념
State는 전역변수의 느낌
Props는 파라미터의 느낌 - component의 파라미터
useState
const [todos, setTodos] = useState([]);
todos이게 값을 저장하는 변수이름
setTodos는 setter로 호출 함수 이름 느낌
ES6 비구조화 할당
비구조화 할당의 개념
https://velog.io/@public_danuel/destructuring-assignment
{...todo}
React에서 비구조화 할당 사용하기
기존의 값을 유지하는가 안하는가?
ESLint
javascript의 문법적 오류 찾아주는 것
babel
ES8, ES7, ES6문법으로 작성한 것을 ECMA버전의 문법으로 교체해주는 것.
자바스크립트 하위 버전 엔진으로 작동시킬수 있게 코드를 변환하는 트랜스 컴파일러
Babel은 ECMAScript 2015+ 코드를 이전 JavaScript 엔진에서 실행할 수있는 이전 버전과 호환되는 JavaScript 버전으로 변환하는 데 주로 사용되는 무료 오픈 소스 JavaScript 트랜스 컴파일러입니다.
webpack & parcel.js
ECMA와 ES의 의미
ECMA는 ECMA International이라 불리는 정보와 통신 시스템을 위한 국제 표준화기구이다.
European Computer Manufacturers Association (ECMA)
1961년 유럽에서 컴퓨터 시스템을 표준화하기 위해 세워졌다. 본부는 제네바에 위치한다.
https://ko.wikipedia.org/wiki/Ecma_%EC%9D%B8%ED%84%B0%EB%82%B4%EC%85%94%EB%84%90
ES의 의미는 ECMA Script의 줄임말이며, ECMA에서 매년 자바스크립트 언어의 결점을 보완하고 업그레이드하여 발표하는 자바스크립트이다.
ES6(ES2015)
ES7(ES2016)
ES8(ES2017)
ES9(ES2018)
ES10(ES2019)
ES11(ES2020)
ES버전별 주요 변경사항
https://www.zerocho.com/category/EcmaScript?page=3