분류 전체보기
[React] PropTypes
What? PropTypes란, 특정 애플리케이션에서 전체 애플리케이션의 타입 검사를 위해 TypeScript와 같은 JavaScript 도구이다. 이름에서부터 TypeScript와 굉장히 비슷한 느낌이 들었는데, 아니나 다를까 공식문서에도 그렇게 소개를 하고 있다. React.PropTypes는 React v15.5부터 다른 패키지로 이동하여 prop-types 라이브러리를 사용하길 권장하고 있다. Why? 앱이 커짐에 따라 타입 검사를 활용한다면 버그를 잡을 수 있다. How? 설치 npm i prop-types import import PropTypes from "prop-types"; 기본 사용 방법 import PropTypes from 'prop-types'; class Greeting ext..
HTML 입력 양식 태그 <form>
입력 양식은 사용자에게 입력받는 공간을 의미합니다. 입력 양식 태그는 입력 양식을 만들 때 사용하는 태그이고, 회원 가입 양식이 대표적인 입력 양식입니다. 입력 양식은 form 태그를 사용해 생성합니다. 양식 안에는 input 태그를 입력하면 입력 양식이 생성됩니다. //button 형태 입력 양식에 데이터를 입력하고 쿼리 전송 버튼을 누르면, 데이터가 지정된 장소에 지정된 방법으로 전달됩니다. action : 입력 데이터의 전달 위치를 지정합니다. method : 입력 데이터의 전달 방식을 선택합니다. name : 폼을 식별하기 위한 이름 accept-charset : 폼 전송에 사용할 문자 인코딩 target : action에서 지정한 스크립트 파일을 현재 창이 아닌 다른 위치에 열도록 지정 예를 들..
React Hook (1) - useState, useEffect
React Hook 중 useState와 useEffect만 자주 사용하고 나머지 Hook들은 잘 몰랐습니다. 이전 글에서 React 상태 관리를 공부하면서 다양한 Hook들이 활용성이 높다는 것을 알았으며, 공식문서를 읽으면서 참고하여 정리 중입니다. Hook Hook은 React버전 16.8부터 추가된 요소입니다. Hook을 이용하여 기존 Class 바탕으로 코드를 작성할 필요없이 상태 값과 여러 React의 기능을 사용할 수 있습니다. Hook이 만들어진 목적은 다음과 같습니다. 컴포넌트 사이에서 상태 로직을 재사용하기 어렵다. 복잡한 컴포넌트들은 이해하기 어렵다. Class는 사람과 기계를 혼동시킵니다. -> Hook은 Class없이 React 기능들을 사용하는 방법을 제시합니다. Hook은 함수..