profile
JavaScript, Node.js 그리고 React를 배우는

React - onClick 등에 조건을 넣는 방법

React 컴포넌트에서 button 등에 클릭 시 특정 function을 호출하려고 할 때, 조건을 넣으려면 다음과 같이 작성하여야 한다.만약 아래와 같이 작성한다면, 작동은 될 지 모르나, react에서 console창으로 경고를 보낸다.console 경고창

2일 전
·
0개의 댓글

Frontend - api 요청 시 req.body

프론트에서 서버로 api 요청을 보낼 때 req.body에 보낼 정보를 삽입해서 요청한다. 그 때 보내는 정보는 객체 형식이어야 한다.이 경우 서버에서 보내온 정보가 어느 정보인지 구별할 수 없다.보내는 정보를 객체로 만들어주어야 서버에서 어떤 정보인지 파악하고 파악된

2020년 2월 18일
·
0개의 댓글

git - staging area 파일 삭제하기

출처: git rm --cached 파일 삭제 :: 마이구미 :: 마이구미의 HelloWorld

2020년 2월 12일
·
0개의 댓글

Backend - jsonwebtoken과 MongoDB 사용 시 주의사항

jwt.sign(payload, secretOrPrivateKey, \[options, callback])jwt.sign(payload, secretKey)에서 payload는 string형식이어야 한다.If payload is not a buffer or a stri

2020년 2월 12일
·
0개의 댓글

JavaScript - 화살표 함수 사용 시 ()와 {} 사용상 주의할 점

React에서 다음과 같은 에러가 발생했을 때, JavaScript 작성에 아래와 같은 실수가 없는 지 확인하면 문제를 해결할 수 있을지도 모른다.화살표 함수 - JavaScript | MDN에 따르면 화살표 함수의 경우 괄호()로 감싸진 부분이 return 된다(re

2020년 2월 11일
·
0개의 댓글

Javascript - method, this, 메서드체이닝

사용자는 현실에서 장바구니에서 물건 선택하기, 로그인하기, 로그아웃하기 등의 행동을 합니다. 이와 마찬가지로 사용자를 나타내는 객체 user도 특정한 행동을 할 수 있습니다.자바스크립트에선 객체의 프로퍼티에 함수를 할당해 객체에게 행동할 수 있는 능력을 부여해줍니다.객

2020년 2월 10일
·
0개의 댓글

Boilerplate

인프런에서 React 강의를 하시는 John Ann님의 노드, 리액트 강의를 유튜브로 시청한 후 간단히 정리 상용구 코드를 말한다. 웹개발 시 로그인, CRUD작업 등의 기능은 반복적으로 쓰이는데, 이를 미리 만들어 놓아서 필요할 때 가져다가 쓸 수 있도록 만든 것이 대표적이다.

2020년 2월 7일
·
0개의 댓글

git

staging area 에서 특정 파일 삭제하는 방법

2020년 2월 7일
·
0개의 댓글

React - Context

Context context를 이용하면 단계마다 일일이 props를 넘겨주지 않고도 컴포넌트 트리 전체에 데이터를 제공할 수 있습니다. 일반적인 React 애플리케이션에서 데이터는 위에서 아래로 (즉, 부모로부터 자식에게) props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 (예를 들면 선호 로케일, UI 테...

2020년 2월 6일
·
0개의 댓글

JavaScript - 함수 심화: 나머지 매개변수와 전개 연산자

나머지 매개변수와 전개 연산자 상당수의 자바스크립트 내장 함수는 임의의 수의 인수를 허용합니다. 예시: 이번 챕터에서는 이렇게 임의의 수의 인수를 받는 방법에 대해 알아보겠습니다. 또한 함수의 매개변수에 배열을 전달하는 방법에 대해서도 알아보겠습니다. 나머지 매개

2020년 2월 6일
·
0개의 댓글

React - React.memo, PureComponent

TIL

2020년 2월 5일
·
0개의 댓글

React - useReducer

useReducer 이렇게 useReducer를 사용하면 useState와 달리 여러 상태를 한 번에 처리할 수 있기 때문에 관리해야할 상태가 많은 경우 useReducer가 선호됩니다. 주의 React는 dispatch 함수의 동일성이 안정적이고 리렌더링 시에도 변경되지 않으리라는 것을 보장합니다. 이것이 useEffect나 useCallback 의존성...

2020년 2월 5일
·
0개의 댓글

JavaScript - 객체 프로퍼티 조회 (2020. 2. 5.)

JavaScript - 객체 프로퍼티 조회 방법 차이

2020년 2월 4일
·
0개의 댓글

React - Hooks: useMemo, useCallback

useEffect * useMemo * useCallback 2. useMemo 첫 번째 인수로 전달된 함수의 return 값을 기억 (두 번째 인수로 전달된 의존성이 변경되기 전까지) 메모이제이션된 값을 반환합니다. “생성(create)” 함수와 그것의 의존성 값의 배열을 전달하세요. useMemo는 의존성이 변경되었을 때에만 메모이제이션된 ...

2020년 2월 4일
·
0개의 댓글

React - useRef (2020.2.4)

1. useRef 일반적인 React의 데이터 플로우에서 props는 부모 컴포넌트가 자식과 상호작용할 수 있는 유일한 수단입니다. 자식을 수정하려면 새로운 props를 전달하여 자식을 다시 렌더링해야 합니다. 그러나, 일반적인 데이터 플로우에서 벗어나 직접적으로 자식을 수정해야 하는 경우도 가끔씩 있습니다. 수정할 자식은 React 컴포넌트의 인스턴스일 ...

2020년 2월 4일
·
0개의 댓글

React - 라이프사이클 메서드, useEffect(2020.2.3)

1. 생명주기 메서드 이 섹션에서 다루는 메서드들을 사용하면 React 컴포넌트를 만들 때에 마주치는 대부분의 경우를 해결할 수 있습니다. 이 생명주기 도표를 시각 자료로 활용하면 좋습니다. 2. class형 컴포넌트에서의 생명주기 메서드 componentDidMount() componentDidMount()는 컴포넌트가 마운트된 직후, 즉 트리...

2020년 2월 3일
·
0개의 댓글

JavaScript - 함수 선언문, 함수 표현식 그리고 화살표 함수 비교

JavaScript - 함수 선언문 방식과 함수 표현식 방식의 차이 , 함수 표현식(functions expressions)과 화살표 함수(Arrow function)

2020년 1월 30일
·
0개의 댓글

JavaScript - class 오버라이딩

JS class 오버라이딩의 종류 메서드 오버라이딩 생성자 오버라이딩

2020년 1월 29일
·
0개의 댓글

JavaScript - 접근자 프로퍼티 (getter, setter)

1. 프로퍼티의 종류 데이터 프로퍼티(data property) : 값을 저장하기 위한 프로퍼티. 일반적으로 사용하는 프로퍼티는 데이터 프로퍼티입니다. 데이터 프로퍼티 조작 방법에 대해선 모두 알고 계실 것이라 생각합니다. 접근자 프로퍼티(accessor proper

2020년 1월 29일
·
0개의 댓글

React - Ref로 특정 DOM 선택하기

1. class형 컴포넌트 inputRef 사용 (callback ref) createRef 사용 - hooks 처럼 사용하기 2. hooks useRef 사용 참조: (1) React 기본 강좌 3-12. React.createRef - YouTube | ZeroCho TV

2020년 1월 28일
·
0개의 댓글