리액트 훅 4

custom hook 이란? React hooks custom hook 이란?

custom hook 이란? React hooks custom hook 이란? 오늘은 짧게 리액트 훅에서 커스텀 훅을 알아보겠습니다. 커스텀 훅이란 말 그대로 개발자가 스스로 커스텀 한 훅을 말합니다. 예를 들면 useState, useEffect, useContext 등은 이미 내장되어 있는 훅으로 바로 사용 가능하지만, 커스텀 훅은 개발자의 입맛에 따라 만들어 사용 가능합니다. 그럼 짧게 커스텀 훅은 무엇이고 또 언제 왜 사용하는지 간단히 알아보겠습니다. (어느 정도 커스텀 훅에 관해 알고 계신다면 바로 코드 예시로 가시는 것도 좋은 방법입니다.) 커스텀 훅이란? 언제? 왜? 사용하는가. 코드 예시. 마치며. 1. 커스텀 훅이란? 우리는 리액트를 사용할 때 상태에 관해서 많은 신경을 쓰게 됩니다. 리..

React hooks JSX란? 리액트 훅 JSX란?

React hooks JSX란? 리액트 훅 JSX란? 우리는 저번 시간 useState와 useEffect를 배웠고 그 사이 짧게 JSX에 관해 언급했습니다. JSX란 아래와 같이 HTML의 형태를 띠고 있습니다. hello 하지만 엄밀히 말하자면 이건 HTML이 아닙니다! 엄연한 자바스크립트 문법이죠!! 오늘도 어김없이 전혀 비전문적이고 쉽게 알아보겠습니다. 목차 JSX의 법칙. JSX의 사용법. 컴포넌트를 사용할 때는? 마치며. 1. JSX의 법칙. 사실 딱히 법칙이라고 할만한 것도 없는데, 법칙이라 정하니 민망합니다. 하지만 여전히 몇 가지 지켜주어야 하는 것들이 있습니다. 같이 알아보겠습니다. - 파일 안에 JSX에서 최상위에 위치한 Tag는 꼭 하나여야 합니다. 무슨 말일 까요? 기본적인 리액트..

React hooks 리액트 훅 useState란?

React hooks 리액트 훅 useState란? 오늘도 제 블로그를 찾아주셔서 너무 감사합니다. 오늘은 리액트 훅에서 쓰이는 useState에 관해 설명드리겠습니다. 리액트, 리액트 훅은 Facebook에서 개발하는 라이브러리입니다. 오늘도 역시 전혀 비전문적이고 쉽게 알아보겠습니다. 원활한 학습을 위해, 아직 리액트를 설치하지 않으신 분은 이곳에서 설치하는 방법을 학습 후, 설치 뒤 다시 이곳으로 와주세요. https://ko-de-dev-green.tistory.com/13 React 리액트 설치 및 사용방법. React 리액트 설치 및 사용방법. 오늘은 리액트 설치에 필요한 것은 무엇인지, 사용하는 방법은 무엇인지 알아보려고 합니다. 여느 때와 같이 전혀 비전문적이게 간단하게 알아보겠습니다. k..

React 리액트 시작하기.

React 리액트 시작하기. 오늘날 웹과 앱은 쉼 없이 개발되고 새로운 기능들이 나오고 있습니다. 그중 가장 유명한 리액트라는 것에 관해 여러분들과 전혀 비전문적이게, 너무나 이해하기 쉽게 알아보고 싶습니다. 우리가 오늘날 웹에서 할 수 있는 일들은 여러분이 생각하던 것보다 넓고 무궁무진합니다. 전진합시다. 목차 리액트란 무엇인가?? 왜 필요한가?? 리액트 훅이란 무엇인가?? 마지막으로. 1. 리액트란 무엇인가?? 왜 필요한가?? React란 무엇인가?? React는 Facebook에서 제공해주는 현재 가장 핫한 웹 개발 프런트엔드 라이브러리입니다. 사실 라이브러리 없이 기본 HTML, CSS, Javascript로도 충분히 멋진 홈페이지를 만들 수 있습니다. 그렇다면 왜 이러한 라이브러리들이 필요할까요..