본문 바로가기
반응형

패스트캠퍼스60

2020-01-30 리액트 수업 - Redux Redux 1) 단일 스토어를 만드는 법 2) 리액트에서 스토어 사용하는 법 2가지를 익혀야함 스토어 사용 준비하기 1) import redux 2) 액션을 정의하고 3) 액션을 사용하는, 리듀서를 만들고 4) 리듀서들을 합친다 5) 최종으로 합쳐진 리듀서를 인자로, 단일 스토어를 만든다 사용하기 - 준비한 스토어를 리액트 컴포넌트에서 사용하기 1) import react-redux 2) connect함수를 이용해서 컴포넌트에 연결 **Store가 너무 커지면 어케해야하냐? 관심사가 비슷한걸로 쪼개서 서로 상태에 영향을 미치지않도록 만들어야한다. Action 그냥 객체이다. type만 필수 프로퍼티이자 문자열이다. payload가 있는 액션과 payload가 없는 액션 2가지 형태가 있다. 액션을 생성하.. 2020. 1. 30.
Typescript 타입스크립트 자바스크립트는 동적타입언어이다. 정적타입언어 Java,C, C++ C언어의 경우 int x = 1; // 정수형태의 4byte float y = 3.0; // 실수형태의 8byte 1byte = 8bit = 2^8 = 256 종류의 수를 표현 가능 TYPE을 정한(필요한) 이유 : - 메모리를 절약하기 위해!!! - 2진수를 해석할때 필요하다. ( 메모리에 저장된 2진수를 숫자로 볼것인가, 문자로 볼것인가 등) - 값을 저장할 때 확보하기 위한 메모리 공간크기 확보 - 값을 참조할 때 읽어들이기 위한 메모리 공간크기 알기위해 문자 : 0개이상의 문자로 이루어진 배열 이다. 사실은 원시값이 아니당. Type이 있으면, 에러 잡기가 쉬워지고, 코드에디터의 도움을 더 받을 수 있다. typescript를 ja.. 2020. 1. 29.
2020-01-28 5번째 수업 - Hooks, 컴포넌트간 통신, Context API 등 Basic Hooks useState , useEffect , useContext hook때문에 Functional Component (= FC) 로 많이 씀 ** 예전엔 (hook나오기전에) SFC였음 (Stateless Functional Component) 컴포넌트 사이에서 상태와 관련된 로직을 재사용하기 어렵다. - 컨테이너 방식말고, 상태와 관련된 로직 복잡한 컴포넌트들은 이해하기가 어렵다. Class 는 사람과 기계를 혼동시킨다. - 컴파일 단계에서 코드를 최적화하기 어렵게 만듬 this.state 는 로직에서 레퍼런스를 공유하기때문에 문제가 발생할 수 있음 hook을 사용하면 useState로 state를 대체가능 useEffect로 라이프사이클메소드를 대체 가능 첫 렌더링 순서 리액트 ->.. 2020. 1. 28.
github settings 둘이서 협업시 (팀장, 팀원) github repository를 하나 만든다. (팀장이) fork를 뜬다(팀원이) git clone 주소로 폴더를 생성 (팀장, 팀원 모두) git branch develop 과 git checkout develop으로 develop branch를 만들고 이동 (팀장, 팀원 모두) 각자 작업을 함팀장과 팀원의 origin은 팀장의 레포 (git remote add origin '팀장이 만든 레포 주소') 팀원의 rmorigin은 fork 한 자신의 레포 (git remote add rmorigin 'fork 뜬 주소')팀원이 작업 완료 시 (branch는 develop임) git add . git commit -m 'test' git push rmorigin developgithub 페이지에서 pull.. 2020. 1. 21.
반응형

티스토리툴바