thumbnail

[TIL] 2019-11-19

Today I Learn... * Typescript * 프로젝트 생성 * 클래스 * 함수 * 제네릭 * 열거형 * 타입 추론 * 타입스크립트로 리액트 인풋상태 관리 * e객체의 타입이 무엇인지 모를 때, 커서를 올리면 어떤 타입을 해야하는지 알려준다. * ...

1일 전0개의 댓글

[TIL] 2019-11-18

Today I Learn... * 프로미스를 다루는 리덕스 모듈을 다룰 땐 다음과 같은 사항을 고려해야 한다. 1. 프로미스가 시작, 성공, 실패했을때 다른 액션을 디스패치 해야한다. 2. 각 프로미스마다 thunk 함수를 만들어주어야 한다. 3. 리듀서에서 액션에...

2일 전1개의 댓글

[TIL] 2019-11-17

Today I Learn... * JSON을 활용한 간단한 깊은 복사 * 호이스팅(hoisting / 참고문서2) * 자바스크립트 함수는 실행되기 전에 함수 안에 필요한 변수값들을 모두 모아서 유효 범위의 최상단에 선언한다. * 함수 안에 존재하는 변수/함수...

3일 전0개의 댓글

[TIL] 2019-11-16

Today I Learn... * Redux DevTools 와 `getState` 를 파라미터로 받아와주어야 합니다. * 주로 비동기적으로 처리해야 할 작업 * Ajax Web API 요청 : 만약 서버쪽에서 데이터를 받와아야 할 때는, 요청을 하고 서...

4일 전0개의 댓글

[TIL] 2019-11-15

Today I Learn... * 리액트 라우터 부가기능 * history 객체: 컴포넌트 내에 구현하는 메소드에서 라우터에 직접 접근을 할 수 있다. (뒤로가기, 특정 경로로 이동, 이탈 방지 등) * withRouter HoC: 라우트 컴포넌트가 아닌곳에서 m...

6일 전0개의 댓글

[TIL] 2019-11-14

Today I Learn... * 리액트 라우터 * 설치 * Link: 누르면 다른 주소로 이동시키기 * 리액트 라우터를 사용할 때에는 Link 컴포넌트를 사용한다. (앵커태그 X) * 파라미터와 쿼리 * 일반적으로는 파라미터는 특정 id 나 이름을 가지고 ...

7일 전0개의 댓글

[TIL] 2019-11-13

Today I Learn... axios 라이브러리 조회 * REST API (Representational State Transfer API) * HTTP 주요 메서드 * GET: 데이터 조회 * POST: 데이터 등록 * PUT: 데이터 수정...

2019년 11월 13일0개의 댓글

[TIL] 2019-11-11

Today I Learn... * 투두리스트 만들기(클론코딩) * 벨로퍼트와 함께하는 모던 리액트 문서 中 3장. 멋진 투두리스트 만들기(참고문서2) * https://codesandbox.io/s/mashup-todolist-pn3ch?fontsize=14 *...

2019년 11월 11일0개의 댓글

[TIL] 2019-11-08

Today I Learn... * 웹 개발자 포트폴리오를 위한 10가지 팁 (참고문서 1) * 33concepts-of-javascript (참고문서 2) * 자바스크립트 개발자라면 알아야 할 33가지 개념 1 콜스택 To-Do 1. 벨로퍼트와 함께하는 모던 ...

2019년 11월 8일0개의 댓글

[TIL] 2019-11-07

Today I Learn... * CSS module * css파일의 확장자를 `.module.css 로 바꾸면 된다. * className 을 설정 할 때에는 styles.Button 이렇게 import로 불러 온 styles` 객체 안에 있는 값을 참조하면 된...

2019년 11월 7일0개의 댓글

[TIL] 2019-11-06

Today I Learn... * AWSome Day 온라인 컨퍼런스 To-Do 1. 벨로퍼트와 함께하는 모던 리액트 문서 2. CSS module

2019년 11월 6일0개의 댓글

[TIL] 2019-11-03

Today I Learn... * Sass * Syntactically Awesome Style Sheets (.scss/.sass 문법 지원) * node-sass 라이브러리 : Sass 를 CSS 로 변환해주는 역할 * 버튼 사이즈 조절 * 문법 * + *...

2019년 11월 3일0개의 댓글

[TIL] 2019-11-02

Today I Learn... * Context API * 깊은 곳에 위치하는 컴포넌트에게 여러 컴포넌트를 거쳐서 함수를 전달해야 하는 일이 있다면 Context API 를 사용 * 새로운 Context 를 만드는 방법 * produce 함수를 사용 할 때에...

2019년 11월 2일0개의 댓글

[TIL] 2019-10-31

Today I Learn... * 리액트 * 리액트 프로젝트 만들기 $ npm install -g create-react-app react-study $ cd react-study $ npm start * 불변성 * 리액트에서 객체를 업데이트하게 될 때에는 기...

2019년 10월 31일0개의 댓글

[TIL] 2019-10-30

Today I Learn... * React * useReducer * reducer, action, dispatch 관계 * 얕은 복사(...) To-Do 1. immer 라이브러리(가독성해결) 2. Redux

2019년 10월 30일0개의 댓글

[TIL] 2019-10-29

Today I Learn... * React * 자식컴포넌트는 pureComponent사용(데이터가없거나 화면에만 보이는 경우) Higher-order Component (HOC) : 컴포넌트를 인자로 받아서 컴포넌트를 반환하는 함수를 뜻한다. Hooks * ...

2019년 10월 29일0개의 댓글

[TIL] 2019-10-28

Today I Learn... * React * 클론코딩 + webpack 빌드 * 클래스형 컴포넌트 라이프 사이클 * componentDidMount: 컴포넌트가 첫 랜더링 된 이후 * componentDidUpdate: 리랜더링 된 이후 * componentW...

2019년 10월 28일0개의 댓글

[TIL] 2019-10-27

Today I Learn... * React * 삼항조건연산자 * jsx * false,undefined,null은 태그없음을 의미 To-Do 1. webpack 빌드 연습

2019년 10월 27일0개의 댓글

[TIL] 2019-10-25

Today I Learn... * React * import vs require * map() : key설정(고유한 key) / index로 하면 성능 최적화에 문제 발생할수도.. * 컴포넌트 분리 1. 가독성 2. 재사용성 3. 성능 최적화 * props - 부모 컴...

2019년 10월 25일0개의 댓글

[TIL] 2019-10-24

Today I Learn... * webpack * 웹팩으로 빌드하기 To-Do 1. 기존 리액트 코드 Hooks로 전환하기

2019년 10월 24일0개의 댓글