# React Hooks

65개의 포스트
post-thumbnail

[기업협업]Game Project 끝내며

프로젝트를 끝내며,내가 사용했던 코드, 이론적인 개념위주의 정리로 기록할 것이다.현업 개발자분과 대표님께서 설계에 방향을 피드백을 주시며,이해를 하기에 도와주셨다. 감사합니다. 👍 (게임 전문 퍼블리셔의 백 오피스 개발) 프로젝트 트리구조를 기반으로 한 컴포넌트 설계

2021년 5월 13일
·
0개의 댓글
post-thumbnail

React - useReducer

react.js useReducer 포스트.

2021년 5월 13일
·
0개의 댓글

[TIL] React hooks

리액트 훅스를 쓰는 이유는 클래식한 작성방식이 여러 개발자들과 협엽에 있어서 햇갈리게 할 수 있으며,함수를 작성함에 있어서 class에 바인드 처리를 해줘야할 때도 코드가 길어지면한눈에 파악하기 힘들어진다.기존의 라이프 싸이클 매커니즘이https://proje

2021년 5월 12일
·
0개의 댓글
post-thumbnail

[React] SOPT 4차 세미나 - react 실전 이론

SOPT 세미나에서 배운 React개념을 정리해보았습니다. ( 조건부 렌더링, list & key, BEM방법론, SCSS, Grid Layout, React Router, React Hooks )

2021년 5월 8일
·
0개의 댓글
post-thumbnail

React Hooks :: useReducer에 대해 알아보기

React가 제공하는 내장 훅(Built-in Hooks) 중 하나인 useReducer에 대해 알아봅시다🤓

2021년 5월 1일
·
0개의 댓글
post-thumbnail

React Hooks :: useContext에 대해 알아보기 (Feat. Context API)

React의 내장 Hook 중 하나인 「useContext」에 대해 알아보며, 그와 함께 「useContext」의 기본 베이스가 되는 「Context」에 대해서도 공부해봅니다🤓

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

기술 면접에서 받은 질문 (2) - React 및 기타

요 근래 몇몇 크고 작은 회사에서 기술 면접을 봤다. 받았던 기술 관련 질문들을 정리해 보았다. 이 글에는 React를 비롯한 여러 라이브러리와 기타 프론트엔드 관련된 내용들을 정리했다. Vanilla JavaScript 관련 글은 이전 글에서 정리했다.

2021년 4월 30일
·
0개의 댓글
post-thumbnail

[React] 리액트의 생명주기와 Hook

컴포넌트 기반 라이브러리인 react에서, 컴포넌트가 가지는 생명주기와, 함수형 컴포넌트에서 활용하는 Hook 중 useEffect에 대해서 알아보았습니다.

2021년 4월 30일
·
1개의 댓글
post-thumbnail

TIL(2021.03.29 - 04.02)

React, React & AJAX, React Hooks

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

[React Hooks] useInput

사용법 Input이나 컴포넌트에 대한 속성, 함수들을 객체 형태로 return한다. {...} ES6 Spread 연산자를 이용하여, props로 넘겨준다. 예제 Reference >노마드 코더 - 실전형 리액트 Hooks 10개 # 1.1 useInput http

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

TIL. Cloudinary를 사용한 이미지 업로딩(2)

Toy Project(Teta Card Maker)의 진행 기록. Cloudinary을 활용한 이미지 업로더 기능을 구현해봤다!

2021년 3월 14일
·
0개의 댓글
post-thumbnail

useRef

수신기를 만든다.수신기의 이름은 textRef이다.수신기를 달아준다. 수신기는 ref={} 에 장착한다.그리고 수신기를 단 노드를 내 마음대로 가지고 논다.수신기라는 표현은 개인적인 표현입니다. 🥱

2021년 3월 9일
·
0개의 댓글
post-thumbnail

TIL. Cloudinary를 사용한 이미지 업로딩(1)

Toy Project(Teta Card Maker)의 진행 기록. Cloudinary을 활용한 이미지 업로더 기능을 구현해봤다!

2021년 3월 6일
·
0개의 댓글
post-thumbnail

Toy Project : Teta's Card Maker

Toy Project(Teta's Card Maker)을 마무리하며, 돌아보기.

2021년 3월 6일
·
0개의 댓글
post-thumbnail

React-hooks

기존의 class component는 호출이 한번 되면 맴버변수 또한 호출된 처음을 제외하고는 다시 호출 되지 않는다. 데이터 변화에 따라 랜더 함수만 여러번 호출되고, 맴버변수는 일회성 호출이다. 그러나 function Component는 호출이 되면 함수 전체가 데

2021년 3월 1일
·
0개의 댓글
post-thumbnail

TIL. 입력 값을 실시간으로 수정/ 삭제하기

Toy Project(Teta Card Maker)의 진행 기록. 실시간으로 입력한 데이터를 수정/삭제해보았다!

2021년 2월 24일
·
0개의 댓글
post-thumbnail

useClick

2021년 2월 21일
·
0개의 댓글
post-thumbnail

TIL. 카드 추가 기능 구현

Toy Project(Teta Card Maker)의 진행 기록. 이번에는 카드를 추가했다!

2021년 2월 21일
·
0개의 댓글