일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- Linux
- mariadb
- sample
- build
- 구글
- error
- 유니티
- 엘라스틱서치
- nodejs
- ChatGPT
- Ai
- JavaScript
- API
- Kibana
- unity
- JS
- ssh
- Python
- AWS
- MySQL
- 영어
- logstash
- docker
- s3
- elasticsearch
- Git
- MSSQL
- 설정
- Windows
- Today
- Total
목록React (10)
가끔 보자, 하늘.
이전에 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..
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..
mkcert 를 우선 설치합니다. $ brew install mkcert # windows에서는 choco 사용 $ mkcert -install # ssl을 사용할 폴더로 가서... $ mkdir .cert # pem파일을 넣을 폴더를 만들어 두세요. $ mkcert -key-file ./.cert/key.pem -cert-file ./.cert/cert.pem "localhost" vite에서 적용할 때는 https://www.npmjs.com/package/vite-plugin-mkcert 참고하여 설정. 단, 버그인지 설치 시 "npm i vite-plugin-mkcert@1.10.1 -D" 로 설치해야 react와 같이 사용할 경우 에러가 발생하지 않음. import { defineConfig }..
샘플 코드가 기나긴 설명보다 좋을 때가 있습니다. 잘 이해 안되는 건 댓글 혹은 해당 키워드를 구글링 해보시면 바로 확인할 수 있습니다. 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=..
AWS Region 들의 위치를 지도상에 표기하려 위도 경도 값이 필요해 찾던 중 기록을 위해 글을 남겨둡니다. 일단 각 리전의 위치는 아래 링크에 나와 있습니다. docs.aws.amazon.com/ko_kr/AWSEC2/latest/UserGuide/using-regions-availability-zones.html#concepts-available-regions 리전 및 영역 - Amazon Elastic Compute Cloud 리전 및 영역 Amazon EC2는 세계 각지의 여러 곳에서 호스팅되고 있습니다. 이 위치는 리전, 가용 영역, 로컬 영역, AWS Outposts 및 Wavelength Zones로 구성됩니다. 각 리전은 개별 지리 영역입니다. 가용 docs.aws.amazon.com ..
이번 글에서는 간단한 UI를 적용해 보겠습니다. React native 설치 및 프로젝트 세팅 방법은 앱 개발 - 01 을 참고하시기 바랍니다. 앱 개발 - 01 에서 생성한 firstApp 생성된 프로젝트가 있다고 가정한 상태로 설명하겠습니다. 프로젝트가 생성되지 않았다면 앱 개발 - 01를 참고해서 우선 프로젝트를 생성하고 다시 이 글로 돌아와 주세요. 이 글에서는 UI를 다룰 때 필요한 주요 기능을 예제를 통해 정리해 보겠습니다. 순서는 아래와 같습니다. React Native Elements 로 UI 구현 Layout 설정 React Native Navigation 사용하기 Popup 구현 React Native Elements 로 UI 구현 UI 객체 구현은 React Native Element..
React Native는(이하 RN) React를 이용해 Android와 iOS 네이티브 앱을 개발할 수 있는 Framework이며 2020년 2월 현재 0.61 버전입니다. 버전이 1이 안되는데도 불구하고 많은 개발사들이 사용하는걸 보면 Facebook에서 지속적으로 발전시키고 있다는 의미일 겁니다. 이 글은 아래와 같은 내용을 담고 있습니다. 필요한 개발 툴들 React Native CLI 로 프로젝트 생성하기 앱 실행 해보기 필요한 개발 툴들 본격적으로 알아보기 전에 먼저 설치해야 할 개발툴들이 있습니다. 이를 알아보고 진행해 보겠습니다. Node.js : React는 Javascript Runtime인 Node.js를 사용합니다. npm : Node.js의 패키지를 관리하는 툴입니다. React ..