profile
비비디바비디부

TIL | #25 Node.js | mongoos, joi, bcrypt

2021-04-15(목)

5일 전
·
0개의 댓글

TIL | #24 Node.js | mongoDB, mongoos, esm

2021-04-14(수)

5일 전
·
0개의 댓글

TIL | #23 Node.js | Koa 프레임워크, postman

2021-04-12(월)폴더 생성 yarn init -y yarn add koa koa-router koa-bodyparser\--watch src/ : src폴더에 변경되는 부분이 있다면 src/index.js를 다시 실행하라는 구문이다.포스트맨은 API 테스트 도구

5일 전
·
0개의 댓글

TIL | #22 React | function* Generator, redux-saga

2021-04-13(화)제너레이터 함수는 function\*으로 선언하고, 이 함수는 Generator 객체를 반환 한다. yield 키워드로 반환 시킬 수 있다.yield 키워드는 next()를 사용하면 다음 yield로 넘어간다. 예제로 살펴보자.리액트/리덕스 애플

5일 전
·
0개의 댓글

TIL | #21 React | redux-actions, reduxt_logger, redux-thunk, redux-saga, loggerMiddleware, immer

2021-04-12(월) 리덕스를 사용하려면 ActionType, Action, Reducer 3개를 분류하고 나누어서 작업을 해야하는데, 연관성이 있다보니 작업 볼륨이 큰 편이다. 상태관리를 편하게 하기 위해 리덕스를 사용하는데 일이 늘어나는 느낌이다. 그래서 액

5일 전
·
0개의 댓글

TIL | #20 Vanilla Redux와 React Redux

2021-04-09(금)리덕스는 자바스크립트 어플리케이션에서 가장 많이 쓰는 상태관리 라이브러리이다. 리덕스를 사용하면 컴포넌트들의 상태 관련 로직들을 파일들로 분리시켜서 더욱 효율적으로 관리할 수 있다.

2021년 4월 11일
·
0개의 댓글

TIL | #19 React | Context

2021-04-08(목)일반적인 React 애플리케이션에서 데이터는 부모로부터 자식에게 props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 이 과정이 번거로울 수 있다.

2021년 4월 11일
·
0개의 댓글

TIL | #18 React | Router와 Axios를 이용해 NewsList를

2021-04-07(수)뉴스 리스트를 화면에 보여주기 위해 우리는 뉴스 API를 사용할 것인데, Axios를 통해서 서버에 요청할 것이다.

2021년 4월 11일
·
1개의 댓글

TIL | #17 React | react-router-dom

React Router DOM module yarn add react-router-dom Route 컴포넌트 어떤 규칙을 가진 경로에 어떠한 컴포넌트를 보여줄지 정의할 수 있다.

2021년 4월 11일
·
0개의 댓글

TIL | #15 React | TodoList 만들기 #2

2020-04-06(화)전에 작업하던 TodoList를 이어서, 삭제와 체크박스 토글 기능을 추가해 완성시킨다.

2021년 4월 11일
·
0개의 댓글

TIL | #14 React | TodoList 만들기 #1

리액트 생성 및 모듈 설치 yarn react create-app todoList node-sass, classnames, react-icons 설치 yarn add node-sass classnames react-icons TodoTemplate 앱 타이틀을 보여준

2021년 4월 11일
·
0개의 댓글

TIL | #13 React | classnames, styled-components

2021-04-05(월)css 클래스 선택자를 조건부로 설정하거나, 여러 클래스를 적용할 때 편리함을 제공해주는 모듈이다.

2021년 4월 11일
·
0개의 댓글

TIL | #12 React | SCSS, CSSMoudle

2021-04-02(금)SCSS는 SASS 세번째 버전에 추가되었다. SASS의 모든 기능을 지원하며 CSS 구문과 완전히 호환되도록 만들어졌다. SASS와 SCSS의 큰 차이점은 중괄호의 유무, 세미콜론의 유무 정도이며 이외에도 다른 차이가 있다.

2021년 4월 11일
·
0개의 댓글

TIL | #11 React | Hook 함수 useReducer, useMomo, useCallback

useReducer useState보다 다양한 컵포넌트 상황에 따라 상태를 다른 값으로 업데이트 해주고 싶을 때 사용한다. Reducer -> 현재 상태, 업데이트를 위해 필요한 정보를 담은 값(action)을 전달받아 새로운 상태를 반환하는 함수이다.

2021년 4월 11일
·
0개의 댓글

TIL | #10 React | 생명주기 LifeCycle, Hook

LifeCycle 리액트에서 컴포넌트는 생성 → 업데이트 → 제거 순서로 생명 주기를 가지고 있다. Will 접두사가 붙은 메서드는 어떠한 작업을 시작하기 전에 동작한다. Did 접두사가 붙은 메서드는 어떠한 작업을 마친 후 동작한다.

2021년 4월 8일
·
0개의 댓글

TIL | #9 React | Ref, 배열과 key

2021-03-31(수) 들어가기 전에 위와 같이 App 클래스에서 별 다른 조작 없이 컴포넌트를 포함만 시키는 경우는 App.js를 생략하겠다. Ref 일반적인 React의 흐름에서 props는 부모 컴포넌트가 자식과 상호작용할 수 있는 유일한 수단이며, 자식

2021년 3월 31일
·
0개의 댓글

TIL | #8 React | 이벤트 처리하기(EventPractice)

클래스 컴포넌트, 함수형 컴포넌트의 이벤트 처리 이벤트 처리하기 input의 값에 state.message를 넣어주는데, 변경될 때 마다 setState함수로 현재 이벤트의 값으로 데이터를 변경하고있다. React에서는 변경되는 부분만을 찾아서 수정해준다.

2021년 3월 30일
·
0개의 댓글

TIL | #7 React | props, PropTypes, state

props(Propertise) 컴포넌트 속성을 설정할 때 사용하는 요소 props는 해당 컴포넌트를 불러와 사용하는 부모 컴포넌트에서 설정할 수 있다. 자식 컴포넌트에서는 props를 받아오기만 하고 받아온 props를 직접 수정할 수 없다.

2021년 3월 29일
·
0개의 댓글

TIL | #6 React | 리액트 시작하기

React ? React는 사용자 인터페이스를 구축하기 위한 선언적이고 효율적이며 유연한 JavaScript 라이브러리다. “컴포넌트”라고 불리는 작고 고립된 코드의 파편을 이용하여 복잡한 UI를 구성하도록 돕는다. 특징 선언형 React는 상호작용이 많은 UI를 만

2021년 3월 29일
·
0개의 댓글