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

정리하는공간

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

정리하는공간

검색하기 폼
  • 분류 전체보기 (17)
    • Container (3)
      • Docker (3)
    • Javascript (3)
    • 알고리즘 (7)
    • React (2)
    • 생활팁 (1)
  • 방명록

react #cra #create-react-app #baseUrl #절대경로 #상대경로 #webpack #웹팩 (1)
CRA (create react app)을 통해 만든 서비스 절대 경로 사용하기

문제점 프로젝트를 진행하다보면 폴더 계층 구조가 점차 깊어져 다른 소스를 import 하려 할때 해당 소스의 경로를 찾기 어려운 경우가 많다. import component from '../../../component'; 와 같이 상대경로를 통해 일일이 특정 소스를 찾아가야 하는데, 이는 가독성, 유지보수 측면에서 상당히 불편한 부분이다. React를 개발하는 경우 대부분 Create React App을 사용하여 개발을 진행하게 될텐데, 위의 문제를 해결할 수 있는 좋은 방법이 있다. 바로 특정 폴더를 기준으로 절대 경로를 사용할 수 있게 설정하는 것이다. 만약 src 폴더를 루트 경로로 설정했다고 했을때, 위의 component를 절대 경로를 사용하여 다음과 같이 표현할 수 있다. import comp..

React 2021. 3. 30. 23:26
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG
  • 이미지크기줄이기
  • 실행 컨텍스트
  • react
  • 실행컨텍스트
  • Docker
  • 사진사이즈조절
  • 도커
  • 도커의개념
  • execution contexts
  • 클로저사용이유
  • execution context
  • cra
  • 알고리즘 #다이나믹프로그래밍 #dynamic programming
  • 이미지크기조절
  • 렉시컬 환경
  • 도커장점
  • create-react-app
  • react #cra #create-react-app #baseUrl #절대경로 #상대경로 #webpack #웹팩
  • 도커사용하는이유
  • 알고리즘 #BinarySearch #Binary Search #이진검색 #이진 검색 #javasript
  • 자바스크립트
  • nodejs
  • javascript
  • 도커란
  • 클로저개념
  • 도커의의의
  • 도커 #docker #mysql #docker desktop
  • lexical environment
  • 호이스팅
  • 알고리즘
more
«   2025/07   »
일 월 화 수 목 금 토
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 31
글 보관함

Blog is powered by Tistory / Designed by Tistory

티스토리툴바