가끔 보자, 하늘.

이전에 mac에서 설정하는 법을 설명했었는데(*mac에서 설정하는 법 참고) windows에서는 다른 몇 가지가 있어서 추가로 정리해 봅니다. Powershell에서 설치하는 법만 간략히 정리하니 다른 문의 내용은 댓글로 달아주세요. 우선 윈도우에서 mkcert 설치를 위해 패키지 관리자인 chocolatey를 설치합니다. powershell 관리자모드에서 아래와 같이 실행하세요. Set-ExecutionPolicy Bypass -Scope Process -Force; [System.Net.ServicePointManager]::SecurityProtocol = [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; iex ((New-Object S..

안쓴놈 나와!! -_-++ production build 에서 저 옵션 빼먹고 배포해서 식겁했네. package.json에 아래와 같이 등록해야 함. . . "scripts": { "start": "react-scripts start", "build": "set \"GENERATE_SOURCEMAP=false\" && react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, . . GENERATE_SOURCEMAP이 false로 되어 있지 않다면 소스 코드 그대로 다 보임. false 설정을 해두면 아래와 같이 보임. 끝!!

react-dom.development.js:88 Warning: ForwardRef(InputBase) contains an input of type date with both value and defaultValue props. Input elements must be either controlled or uncontrolled (specify either the value prop, or the defaultValue prop, but not both). Decide between using a controlled or uncontrolled input element and remove one of these props. 이 에러는 혹은 등의 입력 관련 컴포넌트에 defaultValue 속성과 va..

어쩌다 연동이 필요해서 써봤는데, 국내 커뮤니티도, 국내 세일즈 회사의 서포트도 빈약하네요. 많이 안쓰시는 듯 ... 혹시 필요하신 분 있을까봐 남겨봅니다. 공식 메뉴얼 링크 , Slack Community (필요한건 여기가서 검색하거나 문의하는게 가장 빠른 듯 합니다.) reactjs에 설치한 예 입니다. 1. package 설치 npm install --save mixpanel-browser 2. import import mixpanel from 'mixpanel-browser'; 3. 초기화 mixpanel.init('YOUR_TOKEN', {ip:false, debug: true}); https://developer.mixpanel.com/docs/javascript-full-api-referen..

샘플 코드가 기나긴 설명보다 좋을 때가 있습니다. 잘 이해 안되는 건 댓글 혹은 해당 키워드를 구글링 해보시면 바로 확인할 수 있습니다. mkdir ssr && cd "$_" npm init -y npm install --save react react-dom next vi package.json >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> (...) "scripts": { "dev" : "next" . } (...) export default () => (Hello!)

개발, 테스트 및 라이브 환경에서 손쉽게 관리, 배포 할 수 있도록 환경 변수를 많이 사용합니다. React에서는 .env로 명명된 파일에서 REACT_APP_ 이라는 prefix가 붙은 key,value값을 기본적으로 읽어옵니다. 이를 이용해 어떻게 각 운영 환경별로 설정 한 후 코드 혹은 값 변경없이 운영이 가능한지 알아보겠습니다. 아래 예제에서는 개발, 라이브 운영 환경을 운영해야 하며, 개발 환경은 자신의 PC에서 가동되며, 라이브 환경은 DOCKER - ubuntu로 빌드되어 가동되며, 운영 환경에 따라 DB IP와 PORT가 달라진다고 가정하겠습니다. 개발 환경을 위해 .env 파일에 아래와 같이 정의합니다. REACT_APP_DB_IP=192.168.0.10 REACT_APP_DB_PORT=..