React Hook Form | 내가 실무에서 쓰는 법 안녕하세요. 오늘은 정말! 유용한 라이브러리 React Hook Form에 관해 기본적인 내용들을 정리해보려고 합니다 이젠.. 이거 없으면 개발하기 정말 귀찮을 정도로... 너무 유용한 라이브러리입니다 거의 리액트 개발에선 필수가 아닐까 싶을정도! 공홈 자체에서도 한국어를 지원해주고 있지만 필드가 많아지거나 하면 복잡해지는게 꽤나 있더라고요 그래서 제가 실무에서 써먹던 방법도 담아볼까합니다 공홈의 있는 모든 내용들을 다루진 않고 제가 실무에서 썼던 API 위주로 설명하겠습니다 1. React Hook Form 이란? 폼, 양식을 만들때 사용하는 라이브러리 해당 라이브러를 사용하지 않더라면? import React, { useState } from 'react'; const InputSample = () .. React | Hook 정리 + 18 버전 새로운 Hook 안녕하세요. 오랜만에 블로그에 글을 써보네요! 제가 개인 노션에서 계속 써왔던 내용들을 차근차근 블로그로 옮겨볼까 합니다. 그 중 예~전에 열심히 정리했던 react hook에 관한 내용부터 쓰려고해요 근데 저도 글을 정리하면서 검색해보니.. 새로운 hook들이 나왔더라고요! 저도 맨날 쓰던것만 쓰다보니 새로운 hook을 알아본다거나 쓸 일은 없었는데, 이 참에 저도 새로운 hook을 알아보고 기회가 될때마다 써보려고 합니다 혹시 내용이 틀리다면 댓글 부탁드립니다 (전에 써둔 내용이라 틀린 부분도 있을 듯 해요🙄) 1. 앞서 알고있어야 할 것들 1-1. 리액트가 마운트 시에 하는 작업들 props로 받은 값을 컴포넌트의 로컬 상태로 설정 외부 API 요청(REST API 등) 라이브러리 사용 (D3, V.. 🏃♀️React 컴포넌트 | LifeCycle (라이프 사이클, 생명주기 메서드) 안녕하세요 오늘은 리액트의 클래스형 컴포넌트에서만 사용할 수 있는 LifeCycle에대해 내용을 정리하려고 합니다 벨로퍼트님 강의를 토대로 제가 여기저기 살을 덧붙혀서 작성을 하려고 합니다! 1. React LifeCycle란? React에서 컴포넌트는 여러 종류의 "생명주기 메서드"를 가지며 이 메서드를 오버라이딩(상속하여 재정의)하여 특정 시점에 코드가 실행되도록 설정할 수 있습니다 출처:https://ko.reactjs.org/docs/react-component.html 💥 여러분! 이 LifeCycle은 클래스형 컴포넌트에만 해당되는 내용입니다! (사실 저는 헷갈리는게 어디서는 LifeCycle API라고 하고 어디서는 LifeCycle Method라고 하고.. 어디는 LifeCycle Even.. Node.js 시작, 세팅하기 | Express, ES6 문법 사용, nodemon 설치 저는 항상 Node.js 환경에서 개발을 시작하고 있습니다 항상 제 노트북에서 개발하다가 취업 후 회사 데스크톱으로 시작하려고하니... 제가 어떻게 node.js를 세팅 했는지 다 까먹은거죠...? 멍청이인가... 진짜로 저는 강의에서 시킨대로만 했던걸까.... 너무 바보스럽더라고요 그래서 이제 제가 아무 생각없이 따라하기만 했던 설정들을 하나하나 짚어가며 왜? 사용하는지? 에대해 알아보려고 합니다 Node.js 설치하기 nodejs.org/ko/download/ 사이트 접속 후, 본인 환경에 맞게 다운로드 하시면 됩니다 되도록이면 LTS 버전으로 다운받는걸 추천드립니다 제대로 설치가 되었다면 cmd 또는 터미널을 열어서 node -v 라고 치시면 버전이 뜰 겁니다 (node.js를 다운받으면 npm도 .. 이전 1 다음
