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"], }, ..
Command 'webpack' not found, but can be installed with: apt install webpack 자바스크립트를 하다보면 위와 같은 에러를 자주 접한다 이런 에러가 뜨는 이유는 커맨드에 명령어가 없어서 이다. 이를 해결하기 위해서는 크게 3가지 방법이 있다. 1. package.json에서 스크립트 부분에 명령어 추가 "scripts": { "webpack": "webpack" }, 커맨드에서 npm run webpack을 치면 실행이 된다 2. 커맨드에 npx webpack 를 쳐서 실행 3. 커맨드에 webpack 명령어 입력
면접을 보러 다니면서 함수형 프로그래밍이란 무엇인지에 대해 질문을 많이 받았다. 느낌적인 느낌이 아닌 좀 더 정확하게 알고 싶어 알아 보았다 함수형 프로그래밍은 무엇일까? 프로그램 패러다임의 한 종류이며, 코딩 스타일이다. 가장 중요한 것은 인풋에 대한 아웃풋이 있으면 이에 대한 데이터 흐름을 정해야 한다는 것이다 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 배포하기
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 repo에 clone하지 않은 작업물을 덮어 쓸 때 나타나는 오류이다 일반적인 git 사용으로는 보기 힘든 에러이지만 사이드 프로젝트를 진행 중 expo에 관한 설정 때문에 node_modules와 초기 세팅을 다시 해야하는 상황이 발생했고 해당 repo를 clone하지 않고 새로운 expo init을 하면서 발생한 오류였다 git push --force 등으로 밀어 버릴수도 있지만 기존에 심은 잔디가 날라가게 두기 싫어서 해결 방법을 찾아보았다 git pull --allow-unrelated-histories 터미널에 위의 명령어를 입력하게 되면 관련이 없는 커밋이 push할 수 있게 변경된다
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..
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의 버전도 변경을 해보았다 플레이 스토어에서 ..
리액트네이티브에서 Button컴포넌트를 사용하지 않고 TouchableOpacity를 사용하는 이유 - Button 컴포넌트는 안드로이드와 ios에서 다르게 보이기 때문에 관리하는데에 어려움이 있다 import React from "react"; import { TouchableOpacity, Text, StyleSheet } from "react-native"; const Button = ({ onPress }) => { return ( 버튼 ); }; const styles = StyleSheet.create({ button: { width: 60, height: 60, backgroundColor: "#fe5746", justifyContent: "center", alignItems: "center..