전체 글 (76) 썸네일형 리스트형 [TIL] Hook error에 자꾸 Hook이 뜨길래 검색해보다가 정리해놓아야 겠다는 생각이 들었다. React Hook은 v16.8부터 새로 추가된 기능이다. 특징으로는Component 사이에서 상태로직을 추상화해 상태 공유를 쉽게 만들어주고, 복잡한 컴포넌트를 작은 함수의 묶음 Component로 나눌 수 있다.Class없이 React 기능들을 사용할 수 있다.기존의 React에서 Class를 사용하기 위해 this 키워드가 어떻게 동작하는지 알아야했는데, Hook은 Class없이 React의 기능들을 사용하는 방법들을 제시한다. Hook에는 사용 규칙이 있는데, - 최상위에서만 Hook을 호출해야한다. (반복문, 조건문, 중첩함수내에서 Hook 실행 X) - React 함수 Component내에서만 Hook을 호출해.. [TIL] 객체(Object) 기초 자바스크립트는 객체기반의 스크립트 언어로 자바스크립트를 이루는 모든것들이 객체로 존재한다. 기본 정의 객체지향언어를 다루어본 사람이라면 객체의 기본개념이 데이터(주체)와 그 데이터에 관련되는 동작(절차, 방법, 기능)을 모두 포함하고 있는 개념이란 기본적인 내용은 익히 알고 있을 것이다. 한마디로 객체는 자신의 정보를 가지고 있는 독립적인 주체이다. 우리 주위에 보이는 컴퓨터, 책상, 의자, 마우스 등 모두 자신만의 특성을 가진 객체인 셈이다. 프로퍼티(Property) & 메소드(Method) 객체란 것은 결국 껍데기를 이루는 말이고 실제 객체를 완성하는 구성요소들은 이 property와 method이기 때문이다. 즉 우리가 객체라고 부르는 것은 케이스가 실제 컴퓨터를 구성하고 있는 것은 메모리, 보드.. VS Code Extensions 확장프로그램 정리 visual studio code 확장프로그램 추천 1. Auto Rename Tag 이 확장 프로그램은 여는 태그(예: )를 수정하면 자동으로 닫는 태그(예: )도 동일하게 수정해주는 기능을 제공한다. 이는 태그를 쌍으로 인식하고 한 쪽을 수정할 때 다른 쪽도 자동으로 동기화되도록 도와준다. 코드 작성 시 태그를 열고 닫을 때 발생하는 일관성을 유지하고 오타를 방지하는 데 도움이 된다. 2. vscode-icons 파일 및 폴더에 아이콘을 추가하여 프로젝트 내 파일 유형을 시각적으로 구별할 수 있도록 도와주는 extension이다. 이 확장 프로그램은 파일 및 폴더 아이콘을 테마별로 지원한다. 이런식으로 나온다. 3. Code Spell Checker 코드에서의 오타를 식별하고 수정하는 데 도움을 준다.. 이전 1 ··· 10 11 12 13 14 15 16 ··· 26 다음
