본문 바로가기
반응형

패스트캠퍼스118

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.
2020-01-20 4번째 수업 - HoC, local storage, Rest API 가져오기 등 Controlled Comonent vs UnControlled Component 상태를 가지고 있는 엘리먼트들 : input , select, textarea 등등 엘리먼트의 상태를 누가 관리하느냐에 따라 Controlled Component - 엘리먼트를 가지고 있는 컴포넌트가 관리 UnControlled Component - 엘리먼트의 상태를 관리 하지 않고, 엘리먼트의 참조만 컴포넌트가 소유 예시) Controlled Component import React from 'react'; class Controlled extends React.Component { state = { value: '' }; change = e => { console.log(e.target.value); this.setSt.. 2020. 1. 20.
반응형