[RN] react-native Android Emulator build error.
·
React Native
오류원인Colud not connect to development server. 8081 포트에 에뮬레이터가 연결 되어 있지 않다는 에러다. 해결방법/*연결된 에디바이스를 얻고*/$ adb devicesList of devices attachedemulator-5554 deviceemulator-5558 device/*해당 디바이스와 포트를 연결해준다*/$ adb -s emulator-5554 reverse tcp:8081 tcp:8081 위와 같이 이미 연결되어 있던 디바이스는 아무런 반응이 없지만연결되어 있지 않았던 디바이스는 8081이라는 결과가 나타난다.
[RN] react-native Android App Bundle build - ver.distribution
·
React Native
버전 변경versionCode가 같은 번들은 play console에 업로드 할 수 없다.(최초로 앱을 배포하는 상황이 아닌 경우에는 build.gradle 파일 내 versionCode와 versionNamedmf 수정해주기) 생성 옵션 선택새로운 번들에서 서명을 해줘야 한다.- Build -> Generate Singed Bundle / APK 선택- 기본설정 (Android App Bundle)을 선택 후 다음 업로드 키 생성 및 적용업로드 키가 존재하는 경우 서명 키 비밀번호와 alias를 입력해준다.*서명키가 없는 경우 Create New..를 선택하여 서명키를 생성해주기나같은 경우는 이미 key가 생성되어 있어서, Choose existing을 선택후 key파일을 넣어줬다. 번들 빌드 옵..
[RN] react-native button으로 sort 정렬하기
·
React Native
1. Btn1을 누르면 해당하는 열이 오름차순 정렬 -> 내림차순 정렬 -> 디폴트 정렬2. Btn1을 눌러서 오름차순 정렬해놨다가 Btn2를 누르면 Btn2를 기준으로 오름차순 정렬 테이블 헤더 및 화살표 이미지 상태저장 const [selectedHeader, setSelectedHeader] = useState(null); const [arrowState, setArrowState] = useState(0); - 눌러진 열을 구분 할 수 있게 테이블헤더 상태를 useState를 활용하여 저장- 오름차순, 내림차순 구분을 하게 해주는 화살표 상태 저장 헤더 클릭시 아이콘 변경 const handleHeaderClick = (index: number) => { if (selectedHeade..
[App 개발] Chat App publishing - 10월 15일 업데이트
·
Project01 [Chat App]
잔머리 굴려서 유투브 동영상으로 쉽게 프로젝트 한개 만들어 보려다 수 많은 실패를 맛보고..처음부터 다시 시작하기를 4번째.. 과감히 유투브를 버리고 혼자 기획부터 다시 시작했다. 드디어 퍼블리싱을 완성했다. 회사 프로젝트로 RN사용하면서 이제 쫌 하네~ 생각했는데 오만함의 끝이었다.여기에다가는 퍼블리싱 하면서 잊지 않기 위해 기록해두고 싶은 내용들로 채우기 위한 기록이다. [2024.08.23] 퍼블리싱 완성 [2024.09.10] 채팅방 퍼블리싱 완성 [2024.10.15] 회원가입완료[구현기능]- 이메일 형식 검수- 기존 회원과 이메일 비교- 비밀번호 설정 검수- 비밀번호 확인- 모든 항목 미입력시 toast팝업 출력 이렇게 firebase에 데이터가 삽입되는것 확인완료⭐️
[App 개발] nodemon app crashed error 해결
·
Project01 [Chat App]
드디어 mongoDB를 만들고 서버를 작동시키려는데와 같은 에러가 떴다.error 뜻사용하려는 port가 이미 사용중이라는 의미이다.해결방법1. 다른 port 사용하기2. 현재 사용 중인 port 확인하고 종료하기3. 서버를 재시작 하거나 시스템 재부팅하기 구글링을 해서 2번째 방법을 시도했었지만 나는 안되었고,3번째 방법은 너무 극단적이라 1번째 방법을 선택하여5000으로 설정했던 port를 5001로 바꾸어 버렸다. 그랬더니 그짓말 처럼 다시 잘되었다....💻💫 현재 사용중인 port 확인 및 종료lsof -i :5000 터미널에서 현재 사용 중인 프로세스를 ID(PID)를 확인 kill -9 해당 ID(PID) 프로세스 종료
[App 개발] Next.js
·
Project01 [Chat App]
채팅앱을 개발하면서는 기초를 탄탄히 하는것을 목표로 했기에내가 사용하는 프레임워크와 언어에 대해 확실히 이해하고 넘어가는 것을 목표로 하였다.그래서 Next.js에 대해서 공부한 것을 정리해보고자 한다. Next.js 공식 사이트https://nextjs.org/ Next.js by Vercel - The React FrameworkNext.js by Vercel is the full-stack React framework for the web.nextjs.org Next.js란?리액트를 위해 만든 오픈소스 자바스크립트 웹 프레임워크로, 리액트에는 없는 서버 사이드 렌더링(server-side renderings(SSR)), 정적 사이트 생성(static site generation(SSG)), 중분..