개발

JavaScript에서의 "state" 개념은 특히 React와 같은 프레임워크에서 매우 중요합니다. 상태는 컴포넌트의 데이터를 관리하고, 이 데이터가 변할 때 컴포넌트를 다시 렌더링하여 사용자 인터페이스를 업데이트합니다. 이를 통해 사용자와의 상호작용이 자연스럽고 동적인 웹 애플리케이션을 만들 수 있습니다.React에서의 State1. 컴포넌트와 StateReact 애플리케이션은 여러 개의 컴포넌트로 구성됩니다. 각 컴포넌트는 독립적인 UI 조각으로, 자신만의 상태(state)를 가질 수 있습니다. 상태는 컴포넌트 내부에서 선언되며, 그 컴포넌트의 데이터를 보유하고 관리합니다. 2. 상태의 선언상태는 두 가지 주요 방법으로 선언됩니다:클래스 컴포넌트함수형 컴포넌트 (React 훅 사용)클래스 컴포넌트:..

프로젝트 자주 쓰이게 될 테이블 정보 확인 쿼리입니다. 이것저것 볼거 없이, 한방 쿼리로 구성되어 있습니다. 도움이 되셨으면 좋겠습니다.SELECT C.COLUMN_ID AS SEQ /* 테이블 컬럼 순서 */ ,A.OWNER ,A.TABLE_NAME AS TABLE_ID /* 테이블 ID */ ,B.COMMENTS AS TABLE_NM /* 테이블 명 */ ,C.COLUMN_NAME AS COLUMN_ID /*컬럼 ID */ ,D.COMMENTS AS COLUMN_NM /*컬럼 명 */ ,C.DATA_TYPE /*컬럼 데이터 타입 */ ,C.NULLABLE /*컬럼 필..

React Hook은 React 16.8 버전에서 도입된 기능으로, 함수형 컴포넌트에서도 상태(state)와 생명주기(lifecycle) 기능을 사용할 수 있게 해줍니다. 예전에는 클래스형 컴포넌트에서만 이런 기능들을 사용할 수 있었는데, Hook 덕분에 함수형 컴포넌트에서도 이를 사용할 수 있게 되었습니다.왜 Hook을 사용할까요?함수형 컴포넌트는 간결하고 이해하기 쉽다는 장점이 있습니다. 하지만 상태를 관리하거나 특정 시점에 작업을 수행하고 싶을 때는 클래스형 컴포넌트를 사용해야 했습니다. Hook을 사용하면 이런 제약 없이 함수형 컴포넌트에서도 상태 관리와 생명주기 메서드를 사용할 수 있습니다.Hook의 종류1. useStateuseState 는 상태를 관리할 때 사용하는 Hook입니다. 상태란 쉽..