코딩하는 CEO

React 컴포넌트를 TypeScript로 작성할 때, 컴포넌트의 props에 대한 타입을 정의할 수 있습니다. 만약 props가 필요 없는 간단한 컴포넌트라면, 다음과 같이 작성할 수 있습니다: import React from 'react'; const Example: React.FC = () => { return ( {/* 컴포넌트 내용 */} ); }; export default Example;여기서 React.FC는 React.FunctionComponent의 줄임말로, 이 타입은 함수 컴포넌트가 반환할 수 있는 값(일반적으로 JSX 또는 null)과 이 컴포넌트가 받을 수 있는 props의 타입을 정의합니다. 만약 이 컴포넌트가 특정 props를 받아야 한다면, 이를 명시적으로 정..

Coding Story/react 2023. 10. 22. 14:20

코딩 가이드, 코드 컨벤션을 정해놓고 프로젝트를 시작하는 것은 필수이다. 파일 이름의 규칙은? 디렉토리명은?, 함수명은? 확장자명은? 프로젝트 내에서 일관성 있는 코드 작성은 매우 중요하다. 아직 이런 고민을 충분히 해 보지 않았다면, 이 코딩 가이드가 프로젝트를 시작할 때, 도움을 줄 것이다. 아래의 몇 가지 규칙을 권고하며, 해당 규칙에 따른 코딩 가이드를 제시합니다. * 해당 코딩 가이는 변경 및 확장이 가능하다. 컴포넌트 파일명: React 컴포넌트는 대문자로 시작하는 PascalCase를 사용하여 명명합니다. 이는 컴포넌트의 인스턴스화 가능한 클래스/함수의 특성을 반영. 예: Header.tsx, Sidebar.tsx, ProfilePicture.tsx 서비스나 유틸리티 함수 파일명: 비 컴포넌..

Coding Story/react 2023. 10. 21. 21:54