전체 글(145)
-
expo dev client와 eas build 사용하기
npm i expo-dev-client 위의 명령어를 통해 expo-dev-client 설치 expo development client는 기존의 expo go와 동일한 사용 경험을 제공하지만, 각 커스텀 된 런타임 환경 구성이 가능하다. npx expo start --dev-client 설치 후, expo를 실행한다 It looks like you're trying to use web support but don't have the required dependencies installed. Please install @expo/webpack-config@^0.17.2 by running: 웹에서도 띄우려 했더니 이런 에러가 발생하여 @expo/webpack-config@^0.17.2 을 설치했다 그리고 ..
2023.02.12 -
[Git] 모두를 위한 깃 커밋 단위 쪼개기
나의 기존 커밋 단위는 업무 중 흐름에 따른 커밋이었다. (feat. 의식의 흐름에 내 커밋을 맡긴다) 커밋 내역에는 A.파일추가와 B.구조변경, C.새로 추가 한 비즈니스 로직이 뒤엉켜있었다 C.새로 추가 한 비즈니스 로직이 완성된 후, 변경사항에는 A,B,C 파일의 변경 사항이 존재하였고 A와 B는 고려하지 않고, 현재 커밋을 하는 주 목적은 C라고 생각하였다 그래서 대략 '기능 추가'라는 메시지가 담긴 커밋을 하였다. 이때까지만 해도 이것이 문제상황이라는 것을 인식하지 못했다고 한다.. 팀원과 협업 중, 내가 완전히 잘못된 커밋을 하고 있다는 것을 알게 된 계기가 있었다 공통 프로젝트에서 하나의 라이브러리를 설치했는데 팀원에게도 이 라이브러리가 필요했던 것. 나에게 커밋을 부탁하였고, 나는 별생각 ..
2023.02.11 -
ReactNative expo-cli 시작하기. 시작이 반이다. 고로 오늘 반을 끝냈다
이전에는 간단한 앱 개발을 react-native cli로만 조금씩 경험을 해봤었다 현 회사 앱 개발이 expo-cli로 되어있는데, 예전의 expo-cli의 단점이 많이 사라졌다고 한다. 이번 기회에 expo-cli 개발 환경에 익숙해져 보자 (= 아마도 회사 업무 조금 더 수월해지지 않을까 하는 마음)는 기대감을 갖고! 이번 출시를 목표로 두고 있는 사이드 프로젝트 앱 개발을 expo-cli로 도전해보려한다. 01. expo-cli 설치 yarn add expo-cli 명령어를 통하여 우선 expo-cli를 설치해 준다. expo-cli를 설치했다면 npx expo init 을 입력하여, expo-cli 프로젝트를 생성해 준다 02. expo 공식 사이트 가입 및 설정 expo 공식 사이트에 들어가 ..
2023.02.05 -
AWS는 왜 계속 내 만원을 가져가나.. (Feat. 탄력적 IP 삭제)
취준 기간 동안 만들었던 웹 프로젝트의 모든 AWS 세팅을 삭제했었다 이후에 확인해 보니 AWS에서 매달 내 만원이 줄줄이 세어 나가고 있는 것을 발견하였다 (...) 인스턴스를 삭제했기 때문에, 가장 유력한 건 EC2 탄력적 IP였다 [AWS] -> [EC2] -> [탄력적 IP 주소] 아무것도 없다고 생각했는데, 내 현주소가 '미국 동부'로 되어 있어서 보이지 않았던 것이다 흑흑 다시 서울로 선택하니 그제야 탄력적 IP 주소가 보였다 오른쪽 상단의 작업 버튼을 클릭하여 '탄력적 IP 주소 릴리스'를 선택하면 탄력적 IP가 완전히 삭제된다 이제 내 만원을 지킬 수 있다 🥲 ⚠️ 탄력적 IP 사용은 비용이 따로 들지 않지만, 연결 한 인스턴스를 사용하지 않을 때(인스턴스 중지/삭제) 요금이 청구된다는 점..
2023.01.29 -
Nextjs useEffect안의 router query가 빈값으로 나올 때
localStorage는 저장, 변경, 삭제 등 모든 동작이 동기적으로 실행된다. URL의 쿼리스트링으로 존재하는 code를 nextjs의 router.query 를 객체구조분해를 이용하여 가져왔다 이후 useEffect가 실행될 때 쿼리스트링의 code 키,값을 가져와서 localStorage에 저장하려는 의도였다 예상과 달리, localStorage에 값이 들어가지 않아 useEffect안에 router.query를 콘솔로 찍어보니 빈 객체 { } 가 출력되었다 이는 nextjs에서 정적으로 최적화된 페이지는 루트 매개 변수가 제공되지 않아 query값을 콘솔에 찍어도 빈 객체로 나오기 때문이었다 (= 정적 파일 최적화) Next.js@10.0.5 이후 버전 router.isReady 라우터 필드가 ..
2023.01.19 -
개발자의 글쓰기 7장 - 기술 블로그 쉽게 쓰고 운영하기
01 기술 블로그를 쉽게 쓰는 방법 3가지 개발자가 기술 블로그를 잘 못 쓰는 이유 '주제 우선, 독자 중심, 주장하는 글쓰기'가 학교를 벗어난 개발자의 글쓰기 방식을 지배해왔다. 그래서 주제가 불분명하고, 독자 수준은 천차만별이며 딱히 주장할 것이 없는 기술 블로그를 써야 할 때는 생각이 정리되지 않고 목차를 잡기 어려워진다. 기술 블로그를 읽는 독자의 수준도 일정치않으며 개발자의 블로그는 딱히 주장도 없다. 단지 개발자가 했던 선택과 몇몇 상황에서 더 좋은 방법을 제시할 수 있을 뿐이다. 그래서 개발자에게 적합한 방법 세 가지를 제시한다. 소재 우선 글쓰기, 자기 수준 글쓰기, 재미있는 글쓰기다. 첫째, 주제 의식을 버리고 '소재 의식'으로 쓰자 주제 의식이 민족이나 권선징악, 자존감 자본주의 같은 ..
2023.01.15