본문 바로가기 메뉴 바로가기

I'm a Fig, Not a Pig

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

I'm a Fig, Not a Pig

검색하기 폼
  • 분류 전체보기 (219)
    • Language (59)
      • JavaScript (59)
      • Python (0)
    • Client (55)
      • HTML (3)
      • CSS (11)
      • React.js (25)
      • TypeScript (8)
      • Next.js (8)
      • React Native (0)
    • Backend (4)
      • AWS (0)
    • Git&Github (17)
    • 코드잇 스프린트 (40)
      • Weekly paper (10)
      • Daily Quiz (30)
    • Toy Project (12)
      • Time to focus (12)
      • Chrome Extension (0)
    • Error (1)
    • Linux (0)
    • CS (14)
      • Computational Thinking (3)
      • C (5)
      • 네트워크 (1)
      • 운영체제 (1)
      • 리눅스 (0)
      • 컴퓨터구조 (2)
    • Online courses (4)
      • The Complete JS Course 2023 (1)
      • Coding apple (3)
    • Tips (2)
      • 보안 (2)
      • IT 상식 (5)
      • 취업 (0)
    • Daily (3)
      • 서평 (1)
      • 회고 (1)
      • 개발일지(Fig Notes) (0)
    • Design (0)
  • 방명록

2024/04/18 (1)
[React] React 프로젝트에서 Import 관리하기

https://codingtoddlerr.tistory.com/231 위 글을 작성하고 나서 궁금한게 생겨 글을 쓴다. 리액트가 상속보다 조합에 특화된 언어이기 때문에 여러 컴포넌트를 import 하는 방식으로 조합해서 사용하는 것이 재사용성과 유연성 증대에 이점이 된다는 것은 알겠다. 그러면 많은 수의 컴포넌트를 import 하는 경우 import 구문이 엄청 길어질 것 같은데, 이것들은 어떻게 처리하면 좋을지에 대해 궁금했다. 찾아본 방법은 다음과 같다. 1. index.js 파일 생성 다음과 같은 코드가 있다고 하자. App.js Register Close × Register 폴더 구조는 아래와 같다. 중요한 점은 해당 폴더 내의 컴포넌트를 모두 한 번에 내보내는 파일로 각 index.js 를 생성..

Client/React.js 2024. 4. 18. 09:00
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • CSS
  • javascript
  • 제어 컴포넌트
  • hydrationboundary
  • 배열
  • Next.js
  • 리액트
  • tanstackquery
  • 유사배열객체
  • innerhtml
  • react
  • Git
  • Target
  • 코드잇스프린트
  • 동기
  • 스프린트프론트엔드6기
  • 코드잇 스프린트
  • 비제어 컴포넌트
  • 취업까지달린다
  • GitHub
  • 객체
  • 프론트엔드
  • 비동기
  • 중급 프로젝트
  • arguments
  • rest parameter
  • currentTarget
  • html
  • map
  • js
more
«   2024/04   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바