기대하던 리액트 공부가 시작 되었다 ! 🫨 오늘 겪었던 기초 개념들과, 에러에 대해 남겨보자!

절대경로 상대경로

절대경로와 상대 경로가 뭐야?

:상대 경로 -> "../../index.js"
:절대경로 -> "index.js"

굳이 왜쓸까?

여러 컴포넌트가 있을때 상대 경로는 "./././././././../../../../index.js"
지저분하다.. 절대 경로로 매우 간결하게 나타낼 수 있으며 편리! "index.js"

절대경로 설정 방법

//jsconfig.json , 반드시 root 경로에 만들것!
{
  "compilerOptions": {
    "baseUrl": "src"
  },
  "include": ["src"]
}

간단하게 설치 완료!

error: Command failed with exit code 1

...어? 간단하게 설치 완료가 무색하게 맞닥드린 에러!

트러블 슈팅을 위한 과정

1. 재설치 , 업데이트
   -> 원인이 아니었음
   

2. 경로 확인
   -> 이것 또한 원이이 아님...

3. 주석 발견 (ㅎㅎ;;)
   
   구글링 해본 결과 json 파일은 주석을 지원하지 않는다고 한다. 그렇다면.. 어떻게 주석을 달지?

json 파일에 주석 다는 방법

1.데이터를 주석 형식으로 더하기

{
   "_comment1": "this is my comment",
   "sport": "basketball",
   "coach": "Joe Smith",
   "wins": 15,
   "losses": 5
}

위처럼 하나의 언더스코어를 이용하거나 언더스코어() 두 개를 처음과 끝에 사용한다.
"comment2__": "this is another comment",
이 언더스코어들이 파일에서 주석과 데이터를 구분할 수 있게 해준다.

단점

우리가 JSON 파일에 더한 주석들은 JSON 객체에 포함된다. 다시 말해, 이 주석들은 데이터로 인식된다.
따라서 주석의 값(value)를 꺼내 쓰거나 노출된다 ㅠㅠ

2.주석을 다는 또다른 방법

JSMin을 이용하는 것 또한 다른 방법이다.
필요없는 공백이나 주석을 자바스크립트 파일들에서 없애주는 툴이다. 하지만 JSON 파일에도 사용할 수 있다. JSMin은 JSON 파일이 parse되기 전에
파일에 있는 주석들을 지워준다.
이렇듯 JSON 파일들에 주석을 더할 수 있는 방법들이 있다. 완벽한 해결책은 아니지만, 필요한 경우 문서를 포함할 수 있는 방법이 있다는 것을 참고하자

참조 블로그