독일개발자초록이

React hooks 리액트 훅 useRef란? 오늘은 리액트의 중요한 훅 중 하나인 useRef를 배워보려 합니다. useRef라는 훅은 다른 useState 혹은 useEffect보다는 사용 빈도가 낮은 것 같습니다. 저 역시 리액트를 이용하면서 useRef를 사용해본 적이 정말 손에 꼽을 정도로 적은 것 같습니다. 하지만 당연히 알고 사용하는 것과 모르고 사용하지 못하는 것은 정말 다를 것입니다. 오늘은 가볍게 useRef에 관해서 알아보겠습니다. useRef 사용 방법. 마무리. 1. useRef 사용 방법. 아래의 코드를 설명해드리겠습니다. Click me 버튼을 누르면 isRef는 현재의 boolean값의 반대 값을 가지게 됩니다. 즉 기본 값이 false 이면 true, true 이면 fal..

useReducer 란? React hooks useReducer 란? 저번 포스팅으로 useContext에 관해 알아보았습니다. 이번 시간에는 useReducer를 알아보고 useContext와 함께 사용되는 예시를 알아보겠습니다. 사실 useContext를 사용 시 useReducer 없이도 충분히 문제없이 사용 가능합니다. 하지만 useReducer를 통해서 좀더 깔끔하고 이해하기 쉽게 알아보겠습니다. useReducer란? useContext와 사용 방법 마치며 1. useReducer란? 우리는 상태를 업데이트할때 useState라는 훅을 이용합니다. useReducer 또한 상태를 관리할 때 사용하는 훅이며 특히나 useContext와 같이 사용되는 경우가 많습니다. 기본적으로 useReduc..

React hooks 리액트 훅 이벤트 처리란? 사용방법 오늘은 리액트 훅에서 이벤트 처리하는 방법을 알아보겠습니다 이러한 이벤트를 처리하는 함수들을 이용하여, 개발자는 유저로부터의 Input을 받아서 저장, 사용 가능하고, 유저는 이러한 기능을 통해 홈페이지와 상호작용 가능합니다. 오늘은 수많은 이벤트 처리 함수 중 대표적인 두 가지를 파헤쳐보려 합니다. 오늘도 역시 전혀 비전문적이고 쉽게 알아보겠습니다. 목차. onClick 이벤트란? onChange 이벤트란? 마치며. 1. onClick 이벤트란? onClick 이벤트는 아마 가장 흔하며 자주 사용되는 이벤트이지 않을까 생각합니다. 이는 말 그대로 클릭 시 어떠한 이벤트를 발생시킨다는 뜻입니다. 예를 들면 로그인, 로그아웃 등등의 버튼이 있겠습니다..

React hooks 리액트 훅 리스트와 map함수. 프로그래밍에서 Iteration 즉 반복문이 없다면, 얼마나 불편하고 손이 많이 갈까요?? 수작업으로 한두 개야 만들 수 있을 것입니다. 하지만 그것이 몇십 개, 몇백 개씩 된다면?? 어떨까요? 시간과 노력이 많이 필요할 거고 코드 자체도 아주 보기 싫겠죠. 그렇다면 리액트에서 이러한 반복을 줄이기 위해, 어떤 방법이 있을까요?? 오늘도 전혀 비전문적이고 쉽게 알아보겠습니다. 목차. 반복문이란? foreach?? map?? 리액트와 map 함수. 마치며. 1. 반복문이란? 반복문이란 무엇일까요? 반복문이란, 어떠한 동작을 정해진 수 혹은 정해지지 않은 수에 맞춰 같은 활동을 반복하게 해주는 코드라고 보시면 될 것입니다. 개발자는 항상 코드를 가능한 한..

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