목록전체 글 (99)

게으름을 위한 부지런한 게으름뱅리' 블로그

React Native 하루 기록 - custom Hook

custom Hook은 "use"라는 prefix가 붙어야한다. import React, {useState} from "react"; import { TextInput, View, Button, ProgressViewIOSComponent } from "react-native"; const InputBox = (props) => { return ( ) } const useInput = (initialValue) => { const [value, setValue] = useState(initialValue); const resetValue = () => setValue(initialValue); return { value, setValue, resetValue,} } const CustomHook = ()..
IT/FrontEnd 2022. 12. 9. 22:01
React Native 하루 기록 - React Hook

♩ useState 함수형 component에서 사용하는게 편하다 가독성 및 코드의 길이가 줄어듬 state상태에는 어떠한 상태라도 들어감 const [count, setCount] = useState(0); const [isOn, setIsOn] = useState(false); const [name, setName] = useState(""); ... setCount(count+1)} /> { setIsOn(v); } } /> { setName(v); } } /> ♩ 클래스 컴포넌트의 생명주기 순서 최초 : Constructor -> render -> componentDidMount 변경: render -> componentDidUpdate 제거 : componentWillUnmount compone..
IT/FrontEnd 2022. 12. 8. 23:38
React Native 하루 기록 - Core Components

Core Components 공식 문서 https://reactnative.dev/docs/components-and-apis Core Components and APIs · React Native React Native provides a number of built-in Core Components ready for you to use in your app. You can find them all in the left sidebar (or menu above, if you are on a narrow screen). If you're not sure where to get started, take a look at the following cat reactnative.dev Components ? 재..
IT/FrontEnd 2022. 12. 7. 22:50
React Native 하루 기록 - Expo Cli

♩ 필요 프로그램 설치하기 1. 앱스토어에서 Expo 설치하기 2. Node.js LTS release 설치하기 https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 3. Git 설치하기 https://git-scm.com/download/win Git - Downloading Package Download for Windows Click here to download the latest (2.38.1) 32-bit version of Git for Windows. This is the most recent maintained build. It was r..
IT/FrontEnd 2022. 12. 7. 21:56
React Native 하루 기록 - 시작하기

React Native의 장단점 장점 크로스플랫폼 : 하나의 코드로 관리 ( ios, android, web) 비용절감 : 코드푸시로 빠른 업데이트 가능 변경된 코드 자동 적용 : Fast Refresh (불필요한 빌드과정이 없음) 오픈소스 플랫폼로 방대한 자료 단점 일부 기능은 Native 접근이 필요하다. Native에 대한 지식이 필요 라이브러리 의존도가 생김 브릿지를 사용하기 때문에 Native보다 성능이 떨어진다. 잦은 업데이트 Expo Cli vs React Native Cli Expo Cli 기본제공되는 API, 라이브러리 제공하여 초반 앱 개발을 단순화 Expo Go 어플만 있으면 기기 상관없이 프로젝트 실행 가능 추가 네이티브 모듈 사용이 불가 React Native Cli 네이티브 모듈..
IT/FrontEnd 2022. 12. 7. 00:42
[Curl] IP주소로 Https curl 호출하기

♬ curl 호출 조건 - Domain 없음 - Server /etc/hosts 파일에 host등록 불가 - https로 호출 위와 같은 조건으로 Server to Server curl 호출을 해야 하는 경우 아래와 같이 입력. curl --header 'Host:{Domain}' --resolve '{Domain}:443:{IP}' https://{Domain} 예시) curl --header 'Host:test.com' --resolve 'test.com:443:192.168.0.0' https://test.com
IT/Linux 2022. 4. 3. 22:07
[K8S] ConfigMap 으로 Volume mount하기

* volume-configmap.yaml apiVersion: v1 kind: Pod metadata: name: volume-configmap labels: purpose: demonstrate-envars spec: containers: - name: volume-config image: gcr.io/google-samples/node-hello:1.0 volumeMounts: - name: config-volume mountPath: /etc/config volumes: - name: config-volume configMap: name: special-config special-config라는 이름의 Config Map을 Container의 /etc/config에 Mount * volume-co..
IT/K8S 2021. 11. 21. 16:18
[K8S] 애플리케이션 변수 관리

♬ Yaml 파일에 작성하기 pod의 container안에 env 에 작성 apiVersion: v1 kind: Pod metadata: name: envar-demo labels: purpose: demonstrate-envars spec: containers: - name: envar-demo-container image: gcr.io/google-samples/node-hello:1.0 env: - name: DEMO_GREETING value: "Hello from the environment" - name: DEMO_FAREWELL value: "Such a sweet sorrow" ♬ ConfigMap에 작성하기 ♪ configMap 만들기 # test파일 생성 $ echo -n 1234 > ..
IT/K8S 2021. 11. 16. 22:49
Prev 1 ··· 7 8 9 10 11 12 13 Next