apache + node 설정
·
Deploy
브라우저에서 서버로 접속시에 아파치를 거쳐서 node의 포트로 넘겨주기위해서 아래의 설정파일에 명령어 추가 /etc/httpd/conf/httpd.conf ProxyPass / http://localhost:3000/
centos 8 vscode ssh 접속 설정
·
Dev Tools
vscode의 ssh 익스텐션을 설치하면 vscode를 통해 원격 접속이 가능하고 폴더 구조와 파일 수정을 vi를 사용하지 않고 vscode를 통해 가능하여 애용하는 익스텐션이다. 새로운 서버에 개발환경을 구축해야하는 상황이 되어 기본적인 node mysql apache설치를 끝낸 후 vscode를 통해 ssh 접속을 하려 했으나 아래와 같은 에러가 나타났다 vscode remote ssh the vs code server failed to start 해당 에러를 검색하고 해결하기 위해 시도를 해보았지만 실행이 되지 않았다. 찬찬히 처음부터 진행을 해보기로 하였다. https://code.visualstudio.com/docs/remote/troubleshooting#_installing-a-suppor..
react native window 개발 환경 세팅
·
WEB/React Native
개발환경 세팅에 대해 상세하게 설명이 되어있다. cmd를 사용하여 설치한 후 git bash에서 실행 시에 오류가 나타났으나 이는 vscode를 재실행 하지 않아서 나타난 오류였다. wsl은 expo 사용시에 충돌이 일어나는 일이 잦아서 세팅을 보류하였다 https://dev-yakuza.github.io/ko/react-native/install-on-windows/ 윈도우(Windows)에 react native 개발 환경 구축하기 react-native로 앱을 개발하기 위해 윈도우(Windows)에 개발 환경을 구축해 보고, react-native로 생성한 프로젝트가 잘 동작하는지 확인해 봅니다. dev-yakuza.github.io
webpack 간단 설명
·
Tech Memo
const path = require("path"); module.exports = { name: "wordrelay-setting", mode: "development", // 실서비스 : production devtool: "eval", resolve: { extensions: [".js", ".jsx"], }, entry: { app: ["./client"], }, //입력 module: { rules: [ { test: /\.jsx?/, loader: "babel-loader", options: { presets: ["@babel/preset-env", "@babel/preset-react"], plugins: ["@babel/plugin-proposal-class-properties"], }, ..
함수형 프로그래밍(functional programming)이란?
·
Tech Memo
면접을 보러 다니면서 함수형 프로그래밍이란 무엇인지에 대해 질문을 많이 받았다. 느낌적인 느낌이 아닌 좀 더 정확하게 알고 싶어 알아 보았다 함수형 프로그래밍은 무엇일까? 프로그램 패러다임의 한 종류이며, 코딩 스타일이다. 가장 중요한 것은 인풋에 대한 아웃풋이 있으면 이에 대한 데이터 흐름을 정해야 한다는 것이다 not functional let name = 'Aairon' let greeting = 'Hi, I'm ' console.log(greeting + name) 인사를 하는 문구와 이름을 넣어 콘솔에 나타나게 하는 코드이다 일종의 명령형 프로그래밍이라고 볼수있다 functional function greet(name) { return 'Hi, I'm ' + name } greet('Aairon..
expo 배포하기
·
WEB/React Native
expo fetch:android:keystore 앱스토어 계정은 매년 비용을 지불해야 해서 플레이스토어만 개발자 계정을 만들었다 그에 따라 배포는 안드로이드만 진행을 하고 ios는 설정만 해두었다 { "expo": { "name": "TODO LIST", //어플의 이름 "slug": "MyfirstApp", "privacy": "public", "sdkVersion": "36.0.0", "platforms": [ "ios", "android", "web" ], "version": "1.0.1", "orientation": "portrait", "splash": { "image": "./assets/splash.png", "resizeMode": "contain", "backgroundColor": "..
GIT refusing to merge unrelated histories 오류 해결
·
Tech Memo
해당 오류는 이미 생성되어 있는 git repo에 clone하지 않은 작업물을 덮어 쓸 때 나타나는 오류이다 일반적인 git 사용으로는 보기 힘든 에러이지만 사이드 프로젝트를 진행 중 expo에 관한 설정 때문에 node_modules와 초기 세팅을 다시 해야하는 상황이 발생했고 해당 repo를 clone하지 않고 새로운 expo init을 하면서 발생한 오류였다 git push --force 등으로 밀어 버릴수도 있지만 기존에 심은 잔디가 날라가게 두기 싫어서 해결 방법을 찾아보았다 git pull --allow-unrelated-histories 터미널에 위의 명령어를 입력하게 되면 관련이 없는 커밋이 push할 수 있게 변경된다
wsl에서 expo 사용시 인터넷이 멈추는 현상
·
WEB/React Native
wsl에서 expo 사용시 인터넷이 멈추는 현상이 있다 해당 버그는 wsl에서 나타나는데 아직 명확한 해결 방법은 없어보인다 powershell로 start를 하는 방법으로 진행하고 있다 해결방법은 아래 링크에서 확인 할 수 있다 1 - WIN+R -> services.msc 2 - Find LxssManager 3 - Right-click -> Restart https://github.com/expo/expo-cli/issues/99 Host remains without network after a while · Issue #99 · expo/expo-cli Description Okay, so this is a bit of a weird one, but I will try my best to expl..
react-native 플레이스토어 업데이트 버전코드
·
WEB/React Native
expo를 사용하여 어플을 만들고 플레이스토어에 배포를 했다. 수정 사항이 있어서 빌드 후에 플레이스토어에 올리니 같은 버전코드라고 나타나며 apk파일이 올라가지 않았다 안드로이드의 경우 versionCode를 app.json에서 변경을 해주어야 플레이스토어에 버전 업데이트가 올라간다 "android": { "versionCode": 2, "package": "me.jch.todo", "icon": "./assets/android-icon.png", "adaptiveIcon": { "backgroundColor": "#6830cf", "foregroundImage": "./assets/android-foreground.png" } 빌드를 하면서 app.json의 버전도 변경을 해보았다 플레이 스토어에서 ..