초보개발자의 소소한 기록

본 게시글에서는 Bottom Tabs에 label 대신 icon 으로 변경 하도록 한다. 1. 다양한 icon을 사용할 수 있는 @expo/vector-icons module 추가 yarn add @expo/vector-icons 2. Tab navigation 의 options 값으로 icon 추가 * 참고 : https://reactnavigation.org/docs/tab-based-navigation/ * icon 종류 : https://icons.expo.fyi/ * icon 종류에 따라 import 해야 되는 component 가 다르므로 각각 확인 할 것 (Ionicons, MaterialCommunityIcons 등) # router > index.js import React from 'r..

본 게시글에서는 Header component 추가를 통해, 화면의 상단을 모두 동일하게 변경해 본다. * 앞으로 style 을 꾸미기 위해 사용할 styled-components module 추가 yarn add styled-components 1. coponents 폴더에 Header.js 파일 생성 및 코드 작성 # components > Header.js import React from "react"; import styled from 'styled-components'; const Header = ({ title }) => { return ( {title} ); } export default Header; const Wrapper = styled.View` height: 100px; flex-d..

본 게시글에서는 Bottom Tabs Navigator 를 이용해서, 아랫 부분 클릭 시 화면이 전환되도록 구성해 본다. * 가장 먼저 화면을 바로 구성하기 전에, 어떤 홈화면을 만들고 각 화면들로 어떻게 이동할 지 선택 필요 * Expo App을 실행하면 가장 먼저 App.js 파일이 실행되면서 구성된 내용이 화면에 나옴 * 화면 전환 관련 내용을 router 폴더 내에서 구성하도록 셋팅 1. App.js 실행 --> router/index.js 이동하도록 구성 # App.js (수정 전) import { StatusBar } from 'expo-status-bar'; import React from 'react'; import { StyleSheet, Text, View } from 'react-na..

본 게시글에서는 개발을 시작하기 전, 앞으로 생성할게 될 파일들을 카테고리화 하기 쉽도록 미리 폴더를 구성해 본다. * 처음 프로젝트를 시작하면 어떤 것부터 구성 해야할 지 모르는 경우 발생 * 복잡한 프로젝트를 완성한 후 아래처럼 구성했을 시 굉장히 편하다는 것을 느낌 # 기본 구성 1. src 폴더 생성 후, 하위 폴더로 components / config / router / screens / utils 생성 및 assets 폴더 이동 * 역할 - scr : 카테고리의 최상위 폴더 - assets : icons, images 등 - components : button, text 등 각 기능을 담당하는 것 - config : domain 등 환경설정 관련 내용 - router : screens 을 보여..

* React Native를 처음 시작 할 때, 2가지 방식으로 개발이 가능함 - react-native cli - expo cli 본 게시글에서는 차이점은 생략하고, 빌드/배포가 쉬운 expo-cli로 개발 환경을 셋팅해 본다. 1. expo-cli 설치 (https://reactnative.dev/docs/environment-setup) npm install -g expo-cli * 권한 이유로 아래와 같이 에러가 나면 맨 앞에 [sudo] 를 붙임 sudo npm install -g expo-cli 2. 프로젝트 폴더를 생성하고, 해당 폴더 내에서 아래 명령어 실행 expo init dev-weather // dev-weather는 프로젝트명으로 변경 가능 * 초기 셋팅을 선택할 때 blank를 ..

자 그럼, ubuntu 18.04 에서 막혔던 부분을,, CentOS 7 에서 다시 해보자 ​ page.51 Balance Transfer 예제 따라하기 ​ ================================================================= ​ 0. 환경설정 #0-0. 실행중인 docker 가 있다면 다 멈추고 삭제 docker-compose down docker rm $(docker ps -a -q) #0-1. 백그라운드에서 네트워크 구동 cd /home/asd/go/src/github.com/hyperledger/fabric-samples/balance-transfer/artifacts docker-compose -f ./docker-compose.yaml up -d..

CentOS7에서 ubuntu에서 했던 것 복습 ​ CHAPTER 04. 하이퍼레저 패브릭 예제 따라하기 4-1. first-network 예제 따라하기 ​ ============================================================== 1. 네트워크 인증서 생성 cd /home/asd/go/src/github.com/hyperledger/fabric-samples/first-network ../bin/cryptogen generate --config=./crypto-config.yaml ​ 2. 제네시스블록 생성 vi /etc/environment export FABRIC_CFG_PATH=/home/asd/go/src/github.com/hyperledger/fabric..

cd /tmp wget https://dl.google.com/go/go1.13.5.linux-amd64.tar.gz sudo tar -xvf go1.13.5.linux-amd64.tar.gz sudo mv go /usr/local go get -u -v golang.org/x/tools/cmd/...​ sudo vi /etc/profile.d/path.sh #go setting export PATH=$PATH:/usr/local/go/bin:$HOME/go/bin source /etc/profile ubuntu 환경에서 열심히 따라하다가 실수로 suspend 하지않고 power off 버튼을 눌렀다.. path 설정이 잘못되어있어서 그런 것 같다. 이왕 다시 설치하는 것, CentOS에서 해보기로 한다..

책을 따라하다가 중간에 해결 불가능한 에러 발생... 앞서 first-network 예제를 따라하며 중복되는 부분 때문인 것 같다고 생각해서 다시 fabric-samples 지우고 설치 curl -sSL http://bit.ly/2ysbOFE | bash -s 1.4.0 ​ 0-1. 백그라운드에서 네트워크 구동 cd ~/go/src/github.com/hyperledger/fabric/fabric-samples/balance-transfer/artifacts docker-compose -f ./docker-compose.yaml up -d ===============에러 발생 시================ > ERROR: for orderer.example.com Cannot create contain..

*Hyperledger Fabric 구조 이해하기 좋은 글 --->>> https://jeongbincom.tistory.com/68 ​ page.38 first-network 예제 따라하기 ​ ======================모든 작업은 first-network 폴더 안에서======================= ​ 1. 네트워크 인증서 생성 ../bin/cryptogen generate --config=./crypto-config.yaml ​ 2. 제네시스블록 생성 export FABRIC_CFG_PATH=$PWD ../bin/configtxgen -profile TwoOrgsOrdererGenesis -channelID byfn-sys-channel -outputBlock ./channel..