Settings (4) 썸네일형 리스트형 디펜던시(Dependency)와 데브 디펜던시(Dev Dependency) 디펜던시(Dependency)의 심층 이해디펜던시는 애플리케이션이 실행 시점에 필요한 외부 패키지이다. 런타임 필수 요소: 애플리케이션이 실행되기 위해 반드시 필요한 코드배포에 포함: 프로덕션 서버에도 설치되어야 함 사용자 경험에 직접 영향: 이 패키지들이 없으면 애플리케이션은 정상적으로 작동하지 않음예를 들어, React로 만든 웹 애플리케이션에서 React는 화면을 렌더링하기 위한 필수 패키지이므로 디펜던시이다. 사용자가 웹사이트를 방문할 때 React 코드가 브라우저에 로드되어야 하기 때문 데브 디펜던시(Dev Dependency)의 심층 이해데브 디펜던시는 개발 과정에서만 필요한 도구들이다. 개발 도구: 코드 작성, 테스트, 빌드 등을 돕는 도구.배포에서 제외: 최종 사용자에게 전달되는 코드에는 .. 데이터 파일의 키값을 카멜 케이스로 바꾸는 방법 camelize npm i camelize const camelize = require('camelize'); const obj = { fee_fie_foe: 'fum', beep_boop: [ { 'abc.xyz': 'mno' }, { 'foo-bar': 'baz' } ] }; var res = camelize(obj); console.log(JSON.stringify(res, null, 2)); Reference - npmjs.com/package/camelize live Instance와 local Instance를 동적으로 설정하는 방법 const live = '라이브서버주소' const local = '로컬호스트 주소' console.log(process.env.NODE_ENV) // React 내부에서 어떤 환경으로 실행되고 있는지 조회할 수 있음 // 개발환경일때는 development 라고 뜸 const host = process.env.NODE_ENV === 'development' ? local :live export const locationRequest = (serchTerm) => { return fetch(`${host}/API주소`).then.... } 확장성이 있는 util 모듈로 만들어보자 ㅇ_ㅇ /src/utils/env.js const liveHost = '라이브서버주소' const localHost = '로컬.. [VS 코드] Bracket 설정방법 Bracket이 VS Code에 포함되었기 때문에 기본 설정을 해주면 바로 사용할 수 있다. settings.json 파일에 두 줄만 추가 { "editor.bracketPairColorization.enabled": true, "editor.guides.bracketPairs":"active" } 이전 1 다음
