[TIL] 20230704 - json-server --watch 실행 시 json-server: command not found 에러 해결 / 옵셔널 체이닝 optinal chaining (?.)

 json-server --whatch 에러 해결 

$ yarn add json-server

json 서버 설치후 port지정해서 서버실행!

$ json-server --watch db.json --port 4000

그런데 포트를 지정해서 연결하려하는데 계속 오류가 뜸ㅜㅜ  

package.json - dependencies 에 json-server가 잘 들어가 있는데...?

서칭해보니 전역 설치로 하면 해결이 된다고해서

ㅎㅎㅎ

global로 설치 후 실행하니까 잘 연결된다!

  \{^_^}/ hi!

 

# npm 글로벌 사용법
npm install <package> -g

# yarn 글로벌 사용법
yarn global add <package>

+ 다른 프로젝트 생성했을땐 글로벌로 설치 안해도 잘되었다...?ㅎㅎㅎㅎ처음에 패키지 설치가 무언가 잘못 되었던듯!

 

---

 optional chaning연산자 

프로젝트를 진행하면서 아래 오류가 엄청 많이 발생했었다!

 

이유는 최초 렌더링이 될때비동기 함수가 실행되기 전에 jsx html이 먼저 호출이 되기 때문이다.

데이터값을 불러올때 비동기 함수가 async / await 을 걸려 있기 때문에 호출 시점이 더 늦어서 

이런 경우는 옵셔널체이닝을 이용해 주면 된다 

 

optional chaning연산자 (?.)는 객체 내의 key에 접근할 때 그 참조가 유효한지 아닌지 직접 명시하지 않고도 접근할 수 있는 연산자이다.

 

?. 앞의 평가대상이 만약 nullish ( undefined 또는 null ) 일 경우 평가를 멈추고 undefined를 반환한다. 만약 아니라면 계속해서 평가가 이루어지게 된다. 

 

옵셔널 체이닝 개념이 잘 정리된 블로그 글이 있어서 첨부해둔다!

 

https://coding-farmer.tistory.com/4#%EC%98%B5%EC%85%94%EB%84%90%20%EC%B2%B4%EC%9D%B4%EB%8B%9D(optinal%20chaining)%EC%97%B0%EC%82%B0%EC%9E%90%20%EA%B0%9C%EB%85%90-1 

옵셔널 체이닝(optional chaining)의 개념 및 장점을 알아보자