본문 바로가기
React Hook 공식문서 Hook의 개요 React 16.8버전 에 새로 추가되었다. Hook을 이용하여 Class를 작성할 필요 없이 상태값과 여러 React의 기능을 사용할 수 있다. Hook은 함수 컴포넌트에서 React state와 생명주기 기능을 "연동(hook into)"할 수 있게 해주는 함수이다. Hook은 class 안에서 동작하지 않는다. 대신 class 없이 React를 사용 할 수 있게 해준다. 1) State Hook //버튼을 클릭하면 값이 증가하는 카운터 예시 import React, { useState } from 'react'; function Example() { // "count"라는 새 상태 변수를 선언합니다 const [count, setCount] = useState(0); ret.. 2020. 2. 8.
[react] 3 주차 redux (2) Optimize + 외국에서는 JPA를 많이 씀+ REST + Spring Boot+ TypeORM + Node + TypeScript Redux 시작reduce: pureFunction 비동기- 같은것이 없는 통신을 안하는, 함수. *부모와 자식간에 통신이 그 단계가 길어지게 되면 여러번 통신을 하게 된다. redux를 사용하게 되면 store에 그 데이터를 저장하고 읽을 수 있으므로 여러단계의 통신을 한단계로 줄일수 있게 된다. *redux는 리액트와 관련없는 순수한 3rd party 라이브러리이다.react-redux는 redux를 react에 적용한 라이브러리이다. reducer를 생성하기 위해서는 function이 필요하고 이 function이 return하는것으로 초기 state가 만들어진다... 2020. 2. 1.
[react] 3 주차 redux 지난주 복습React의 열두가지 컨셉을 배우는것이 목적이다. 시간에따라 변하는데이터의 조건1)setState2)mergy3)비동기 처리 -> localState로는 Player의 합계 점수를 구할수가 없었다. (각자 자신의 상태값만 가지고 있기 때문이다.)-> 이러한 문제를 해결하기 위해서 score를 최상단 컴포넌트로 올려줬고, 이를 Lifting state Up 라고 한다.-> 최상단 컴포넌트에서 state를 갖고, Props로 내려줬었다. but +/- function은 Player에서 가질 수 없다. 최상단 컴포넌트에서 관리를 해야한다.-> 따라서 +/- function을 최상단 컴포넌트에서 생성 후 Props로 함수를 내려준다. 그리고 Player에서는 이를 호출한다 여기까지가 리액트에서 가장 .. 2020. 2. 1.
[AWS] 20/01/30 AWS 세미나 참석 AWS 행사 및 교육 일정 정보 AWS 세미나 종류 100 lvl : console조차 처음 접하는 사람에게 적합. (오늘 들을 세미나) 200 lvl : 서비스중에 하나를 잡아서 알려줌 300 lvl : 실제 실무에 적용할 수 있는 코드가 포함되어있는 강의. AWS 간단히 말해서 전세계 지역에 있는 datacenter를 이용해서 서비스가 가능하다 가용영역: dataCenter가 집합되어있는 클러스트. 여러개의 데이터센터(두개이상)로 이루어져있다. 전세계적으로 전용 backbone망이 구성되어있어서 빠르게 서비스가 가능하다. + Free tier 세개를 묶어서 클러스트 구성 ㅋㅋ.. AWS 서비스 종류 온프레미스 아키텍처를 클라우드로 바로 옮기는것이 아니라, 클라우드에 최적화된 아키텍처를 구성하는것이 중.. 2020. 1. 30.
[AWS] 생활코딩 AWS 강의 정리 - EC2설정 및 Apache 설치 생활코딩 AWS 강의를 듣고 정리한 내용입니다. 12:43 - 1:43 클라우드컴퓨팅 '인터넷에 연결되어있는 거대한 컴퓨터를 사용한다'가 핵심이다. 들어가기전.. 1) 보안설정 - 2factor-Autentication 설정 보안을 위해 password 로그인 외에도, OTP 인증을 추가하자. AWS MFA-compatible 설정 1) AWS Console에서 Security & Identity 선택 2) Active MFA on your root account 선택 AWS의 장점 온프레미스 장비와 비교해서 비교도 되지 않을정도로 설치가 빠르다는것을 알 수 있다. 더이상 필요하지 않을때도 처분이 빠르다. 시작 지역 Region AWS가 가지고 있는 컴퓨터들이 어디에 위치하고 있는지를 의미한다. 위치는 .. 2020. 1. 27.
[SQL] 생활코딩 SQL 조인 강의 정리 10:22 - 11:22 JOIN 여러개의 분산된 테이블을 묶어서 하나의 테이블로 만든다. 문제점 1) 컬럼에 중복이 발생하고 있다. 해결방법 1) 중복되는 부분을 별도의 테이블로 분리해서 FK로 참조하도록 한다. 하나의 테이블은 하나의 '주제'만 가져야 한다. 전, 후에 각각 trade off가 존재하는 상황이다. 전: 읽기가 좋지만, 쓰기가 불편하다 후: 쓰기가 좋지만, 읽기가 너무 불편하다. => 이를 해결하기 위해 JOIN이 등장했다. SQL Joins Visualizer - 벤다이어그램을 선택해서 그 벤다이어그램과 일치하는 SQL문 보기! 그림먼저 익혀두고 검색해서 봅시다. :) OUTER JOIN (LEFT | RIGHT JOIN) + 방향만 달라진다. A에 있는 정보도 가져오되, B에는 없는.. 2020. 1. 27.

티스토리툴바