벨로퍼트 2일차 (1.10~1.21) 함수형 컴포넌트에서 ref 를 사용 할 때에는 useRef 라는 Hook 함수를 사용 궁금한 점 리액트 컴포넌트에서의 상태는 상태를 바꾸는 함수를 호출하고 나서 그 다음 렌더링 이후로 업데이트 된 상태를 조회 할 수 있는 반면, useRef 로 관리하고 있는 변수는 설정 후 바로 조회 할 수 있습니다. 즉, setState를 통해 값을 변경하면 리렌더링이 일어나 변경한 값을 화면에서 확인할 ... 리액트벨로퍼트리액트 4일차(3.1~3.3) GlobalStyle- 활용 검색 전부 styledComponent로 만들지 않고, 자식에게 className을 주어서 상속문법으로 적용시킬 수도 있다 조건부 스타일링을 할 필요가 없고, 기능적으로도 크게 중요하지 않은 내용이라면 CSS Selector 를 사용하는 것도 좋은 방법이다 컴포넌트 셀렉터 리액트 아이콘 라이브러리 정적인 속성들과 동적인 속성을 구분해서 따로 작성하는게 더 깔끔한 ... 리액트벨로퍼트리액트 7일차(6.1~6.5) 액션 (Action) 액션 생성 함수 (Action Creator) 액션을 만드는 함수 파라미터를 받아와서 액션 객체 형태로 만든다 리듀서 (Reducer) 상태와, 액션 객체 두개의 파라미터를 받아온다 현재의 상태와 전달 받은 액션을 참고하여 새로운 상태를 만들어서 반환한다 여러 개의 리듀서(서브 리듀서)를 만들고 이를 합쳐서 루트 리듀서를 만들 수 있다 한 애플리케이션당 하나의 스토어를 ... 리액트벨로퍼트리액트 6일차(5.1~5.5) 2. 프로젝트에 라우터 적용 3. 라우트로 사용할 페이지 컴포넌트 생성 4. Route: 특정 주소에 컴포넌트 연결하기 Link 컴포넌트 클릭하면 다른 주소로 이동시키는 컴포넌트 페이지 주소를 정의 시 유동적인 값을 전달해야 할 때 파라미터 또는 쿼리를 사용한다 Link컴포넌트에서 to속성에 이동할 경로를 설정할 때 paramter부분에 값을 유동적으로 넣을 수 있다 컴포넌트에서 props으... 리액트벨로퍼트리액트 8일차(7.1~7.4) 미들웨어 쓰는 이유? 디스패치된 액션을 스토어로 전달하기 전에 처리하고 싶은 작업이 있을 때 비동기적으로 실행시키기 위해 사용 ( ⇒ reduce안에 정의된 상태를 조작하는 함수를 실행시키기 전에 뭔가를 처리해야할 때, 조건에 따라 실행시켜야 할 때 사용?) 동기적인 흐름만으로는 처리하기 힘든 작업들이 있다 시간을 딜레이시켜 동작하게 한다던지 외부 데이터를 요청하여 그에 따른 응답을 화면에 ... 리액트벨로퍼트리액트 10일차(8.1~8.3) 컴포넌트 내부에서도 자신의 props에 어떤 값이 있으며, state에 어떤 값이 있는지 알 수 있다 변수 타입 지정하기 기본 타입 함수 타입 타입스크립트를 사용하면 함수실행 코드를 작성할 때, 함수의 파라미터로 어떤 타입을 넣어야 하는지 바로 알 수 있다 배열의 내장함수를 사용 할 때에도 타입 유추가 매우 잘 이루어진다 객체 타입 지정하기 객체를 위한 타입을 정의할때 무엇이든 써도 상관 없... 리액트벨로퍼트리액트
2일차 (1.10~1.21) 함수형 컴포넌트에서 ref 를 사용 할 때에는 useRef 라는 Hook 함수를 사용 궁금한 점 리액트 컴포넌트에서의 상태는 상태를 바꾸는 함수를 호출하고 나서 그 다음 렌더링 이후로 업데이트 된 상태를 조회 할 수 있는 반면, useRef 로 관리하고 있는 변수는 설정 후 바로 조회 할 수 있습니다. 즉, setState를 통해 값을 변경하면 리렌더링이 일어나 변경한 값을 화면에서 확인할 ... 리액트벨로퍼트리액트 4일차(3.1~3.3) GlobalStyle- 활용 검색 전부 styledComponent로 만들지 않고, 자식에게 className을 주어서 상속문법으로 적용시킬 수도 있다 조건부 스타일링을 할 필요가 없고, 기능적으로도 크게 중요하지 않은 내용이라면 CSS Selector 를 사용하는 것도 좋은 방법이다 컴포넌트 셀렉터 리액트 아이콘 라이브러리 정적인 속성들과 동적인 속성을 구분해서 따로 작성하는게 더 깔끔한 ... 리액트벨로퍼트리액트 7일차(6.1~6.5) 액션 (Action) 액션 생성 함수 (Action Creator) 액션을 만드는 함수 파라미터를 받아와서 액션 객체 형태로 만든다 리듀서 (Reducer) 상태와, 액션 객체 두개의 파라미터를 받아온다 현재의 상태와 전달 받은 액션을 참고하여 새로운 상태를 만들어서 반환한다 여러 개의 리듀서(서브 리듀서)를 만들고 이를 합쳐서 루트 리듀서를 만들 수 있다 한 애플리케이션당 하나의 스토어를 ... 리액트벨로퍼트리액트 6일차(5.1~5.5) 2. 프로젝트에 라우터 적용 3. 라우트로 사용할 페이지 컴포넌트 생성 4. Route: 특정 주소에 컴포넌트 연결하기 Link 컴포넌트 클릭하면 다른 주소로 이동시키는 컴포넌트 페이지 주소를 정의 시 유동적인 값을 전달해야 할 때 파라미터 또는 쿼리를 사용한다 Link컴포넌트에서 to속성에 이동할 경로를 설정할 때 paramter부분에 값을 유동적으로 넣을 수 있다 컴포넌트에서 props으... 리액트벨로퍼트리액트 8일차(7.1~7.4) 미들웨어 쓰는 이유? 디스패치된 액션을 스토어로 전달하기 전에 처리하고 싶은 작업이 있을 때 비동기적으로 실행시키기 위해 사용 ( ⇒ reduce안에 정의된 상태를 조작하는 함수를 실행시키기 전에 뭔가를 처리해야할 때, 조건에 따라 실행시켜야 할 때 사용?) 동기적인 흐름만으로는 처리하기 힘든 작업들이 있다 시간을 딜레이시켜 동작하게 한다던지 외부 데이터를 요청하여 그에 따른 응답을 화면에 ... 리액트벨로퍼트리액트 10일차(8.1~8.3) 컴포넌트 내부에서도 자신의 props에 어떤 값이 있으며, state에 어떤 값이 있는지 알 수 있다 변수 타입 지정하기 기본 타입 함수 타입 타입스크립트를 사용하면 함수실행 코드를 작성할 때, 함수의 파라미터로 어떤 타입을 넣어야 하는지 바로 알 수 있다 배열의 내장함수를 사용 할 때에도 타입 유추가 매우 잘 이루어진다 객체 타입 지정하기 객체를 위한 타입을 정의할때 무엇이든 써도 상관 없... 리액트벨로퍼트리액트