본문 바로가기

React.js/[React] Dreamcoding11

Ref 전달하기 클래스 컴포넌트에서: formRef = React.createRef(); inputRef = React.createRef(); 함수형 컴포넌트에서: const inputRef = useRef(); 2020. 10. 29.
REST(REpresentational State Transfer) REST(REpresentational State Transfer) meetup.toast.com/posts/92 www.youtube.com/watch?v=iOueE9AXDQQ www.youtube.com/watch?v=RP_f5dMoHFc Q. 어떻게 인터넷에서 정보를 공유할 것인가? (communication) A. 정보들을 하이퍼 텍스트로 연결한다 - 표현형식: HTML - 식별자: URI(Uniform Interface) - 전송방법(Request): HTTP(post / get / put / delete) ㄴ운송장과 같다. 형식에 맞추어 request하면 response가 온다. Q. REST란? (Descriptive) A. 분산 하이퍼 미디어 시스템(웹)을 위한 아키텍쳐 스타일(제약조건의 .. 2020. 10. 28.
API 키 설정하기 (Google Developer) google에서 youtube api 검색(YouTube Data API | Google Developers) → get started → APIs Console로 이동 → 프로젝트 생성 → API라이브러리로이동 → YouTube Data API v3 → Enable → CREATECREDENTIAL → [step1] 사용할 API지정 → [step2] 사용할곳: Webbrowser(Javascript) → [step3] Public data → API key 생서됨 2020. 10. 28.
[VSC 팁] workbench: 프로젝트별 구분을 위한 배너색 지정 VSC에서 프로젝트별 구분을 위한 배너색 지정: settings → 작업영역 → 모양 → Color Customizations → settings.json에서 편집 2020. 10. 28.
PostCSS - PostCSS는 CSS "전처리기"이다. 전처리기란, 전처리기의 문법을 사용해 완성한 코드를 CSS코드로 변환(출력)시켜 줄 수 있는 것!! - create-react-app 설치 시 기본적으로 PostCSS가 같이 설치된다. - PostCSS는 autoprefix를 사용할 수 있다. (prefix는 -webkit-, -ms- 같은 것들) - 모듈화가 가능하다! 복잡한 이름명을 쓰지 않아도 관리할 수 있다. - PostCSS를 사용하면 필요에 따라 필요한 플러그인만 설치해 확장해 나갈 수 있다. (다양한 plugin) 자체적인 문법을 사용한다. 그러니까.. 이것도 공부해야 한다고.. 2020. 10. 28.
상태객체 & 속성 / 멤버변수 [멤버변수] this로 접근할 수 있는 객체인 state와 props를 말한다. 상태객체: state 속성: props ★ class컴포넌트에서의 멤버변수는 한번만 만들어지고, render함수는 계속 업데이트된다. 하지만 함수형 컴포넌트는 state, props가 변경될때 마다 코드블록 전체가 반복해서 호출된다. 2020. 10. 27.