deep dive Array
화목은 특별한 일 없는 이상 오픈캠프 사용 가능
토요일은 종일 신청 해두셨는데(매주) 9시부터 6시까지 열 예정, 근데 좀늦게열수도있으니 9시반쯤오는게 좋을듯
토요일 오전에는 이론을 나가고 오후에는 팀프로젝트 실습을 나갈 예정이다..
노드책은 안봐도된다,
강사님은 서브라임에 vim으로 코딩한다.
제품을 어떻게 만들것이냐
Admin , customer두개로 가는게 좋을듯
admin -> react JS
customer -> next TS
server -> node express JS or TS
사파리는 PWA에서 push를 못받는다
PWA는 Progressive web app이다.
html로 만든것을 핸드폰으로 바탕화면에 바로가기를 만들면 앱을 설치한것처럼 된다.
제일 중요한건 push를 받을수 있다는 점이다.
CRA를 하면 기본적으로 PWA를 할수있는 manifest파일이 생긴다.
PWA는 push와 cashe (offline) 두개의 의미가 있다.
customer는 hybrid로 갈것이다. 어드민은 PWA
APP은 hybrid로 갈지 native로 갈지 결정해야한다.
네이티브는 안드로이드는 코틀린, ios는 스위프트로 한다 (멀티플랫폼 지원하는애들은 플러터와 리액트네이티브로 가능하다)
우리는 리액트네이티브로 갈것 (단점은 플러터보다 애니메이션에 취약하다)
제품의 최종 모습을 무엇으로 갈것인지를 정해야한다.
소켓은 실시간처리를 하기위해 쓰는것
푸시는 그냥 알려주기위한게 목적이다.
milestone을 짜야한다
리액트는 빌드파일만 htdocs에 올려두면되는데
nextjs는 서버에서 처리해야할것이 많기 때문에 처리할것이 많다.
next js는 자체적으로 노드를 가지고있다.
노드 옆에 next서버가 하나 더 붙는다 (3000번포트)
타입스크립트 책은 일단 6~7장까지만 보면 된다.
------------------------------------------------------------------------------------------
배열은 자바스크립트에서 가장 중요한것중 하나이다.
배열은 엔진에 따라 구현되어있는 로직이 다르다. ECMA에서는 입력과 출력의 결과물로만 정의했다.
가장 많이쓰는것 말하기
splice는 arr를 조작한다.
함수의 인풋에 대한 변경이 일어나지 않는 함수를 순수함수라고 한다( slice, concat, filter, map, arr 등...)
어떠한 프레임워크이던 순수함수를 써야한다.
순수함수를 쓰지 않으면 에러를 찾기 너무 힘듬..
자바스크립트의 배열은 해시테이블로 되어있다 {0:값, 1:값,.... length:10} 의 모습
이유는 타입이 없어 컴파일시 미리 메모리의 크기를 잡아주기 어렵기 때문.
배열에서 가장 중요한건 순수함수를 잘써야한다는것이다.
컴파일되어서 존재하는 배열을 dense array라고 한다(촘촘하다는 뜻) 왜냐하면 컴파일되어서 용량을 잡은 상태로 차곡차곡 할당되기때문.
다른언어들은 배열중간의 값이 사라지면 메모리에서 밀어올릴수있지만 자바스크립트에서는 밀어올리지 않는다 (해쉬테이블로 잡혀있기때문)
dense array의 반대인 array를 spars array라고 한다(드문드문 메모리에서 존재하기 때문)
자바스크립트의 배열은 2의 32승(4바이트) -2 만큼의 용량을 잡는다 (1개는 [] 빈배열자리, 하나는 null pointer)
Array를 선언하는법
1. arr = []
2. new Array();
3. Array();
not exist와 empty는 다른것이다. (not exist는 아예 공간자체가 없는것이고 empty는 공간은 확보되었으나 값이 없는것이다);
Array.fill(0)
.from({length:5,}, (_,i) => i )
Array.of(1) 은 1이 들어가있는 array가 나온다.
arr.unshift(7) (배열의 가장 앞자리에 삽입)
slice / splice
slice 는 순수함수이다.
splice는 순수함수가 아니다 (사용을 추천하지 않는다)
concat은 순수함수이다.
join도 순수함수이다.
자바스크립트에서의 sort는 -1 0 1로 무조건 return을 반환해야한다.
자바스크립트 배열의 고차함수들은 다 순수함수이다.
reduce의 2번째 인자에는 초기값이 들어간다(배열의 첫 값이 숫자라면 초기값을 넣지 않아도 된다)