🐰: 안녕하세요! 오랜만에 개발글을 작성하러 왔습니다 ㅎㅎ요즘 새로운 프로젝트를 시작해서 쬐끔 정신이 없군요..🤪 그러다 오랜만에 만난 에러... 사실 마음이 급해서 안드로이드 에뮬레이터를 28api로 빌드해서작업하고 있었는데 이제는 최신 버전으로 올려서 테스트를 해줘야 실제 유저들과 비슷한 환경이라업데이트를 다 잘해주었는데... 계속 28api만 빌드가 되고 33api로 빌드하면 아래와 같은 오류가 떴다! 이제 이 오류와 해결방법을 알아보러 가시죠! 오류원인Colud not connect to development server.개발 서버와 연결할 수 없다는 이 문구...!이건 나의 뇌피셜이지만.. 8081 포트가 이미 다른 에뮬레이터와 연결 되어 있어서 연결 할 수 없다는 에러가 뜨는거 같았다!  ..

🐰: 안녕하세요!오늘은 안드로이드 배포용 앱배포 방법을 배웠습니다.당연히 잊기전에 메모를 하러 호다닥,,~! 배포용 앱빌드를 하기 전에 이미 설정되어야 하는 내용들이 무수히 많지만,모두 설정되었다는 가정하에! 오늘 배운 부분 먼저 작성해놓고 추가하기로!  버전 변경versionCode가 같은 번들은 play console에 업로드 할 수 없다.최초로 앱을 배포하는 상황이 아닌 경우에는 build.gradle 파일 내 versionCode와 versionNamedmf 수정해주기.  생성 옵션 선택새로운 번들에서 서명을 해줘야 한다.- Build -> Generate Singed Bundle / APK 선택- 기본설정 (Android App Bundle)을 선택 후 다음  업로드 키 생성 및 적용업로드 키..

🐰: 개인프로젝트를 열심히 하는중에도착한 기획팀의 요청~! "데이터를 불러오는데 너무 오래 걸리니까화면 분기와 데이터 오름차순, 내림차순 정렬기능 추가해주세요!" 당연히 Yes~! 이제는 두려움 보다는어떻게 해결해낼지에 대한 기대감이 느껴지기 시작했다🤩 완성된 화면 먼저 공개 두둥-!1. Btn1을 누르면 해당하는 열이 오름차순 정렬 -> 내림차순 정렬 -> 디폴트 정렬2. Btn1을 눌러서 오름차순 정렬해놨다가 Btn2를 누르면 Btn2를 기준으로 오름차순 정렬 이제 코드로 알아보자~!  테이블 헤더 및 화살표 이미지 상태저장 const [selectedHeader, setSelectedHeader] = useState(null); const [arrowState, setArrowState] =..

🐰: 잔머리 굴려서 유투브 동영상으로 쉽게 프로젝트 한개 만들어 보려다 수 많은 실패를 맛보고..처음부터 다시 시작하기를 4번째.. 과감히 유투브를 버리고 혼자 기획부터 다시 시작했다! 두둥~ 드디어 퍼블리싱 완성 ㅎㅎ 회사 프로젝트로 RN사용하면서 이제 쫌 하네~ 생각했는데진짜 오만함의 끝이었닼ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 모든게 새로웠던... 후여기에다가는 퍼블리싱 하면서 잊지 않기 위해 기록해두고 싶은 내용들로 채우기 위한 게시글! 이제부터 진짜 작업인 백엔드가 남았지만......포기하지 말고 해보자!!!!!!!!!  [2024.08.23] 퍼블리싱 완성 [2024.09.10] 채팅방 퍼블리싱 완성  [2024.10.15] 회원가입완료[구현기능]- 이메일 형식 검수- 기존 회원과 이메일 비교- 비밀번호 ..

🐰: 드디어 mongoDB를 만들고 서버를 작동시키려는데와 같은 에러가 떠버렸다...🤯error 뜻사용하려는 port가 이미 사용중이라는 의미이다.해결방법1. 다른 port 사용하기2. 현재 사용 중인 port 확인하고 종료하기3. 서버를 재시작 하거나 시스템 재부팅하기 구글링을 해서 2번째 방법을 시도했었지만 나는 안되었고,3번째 방법은 너무 극단적이라 1번째 방법을 선택하여5000으로 설정했던 port를 5001로 바꾸어 버렸다. 그랬더니 그짓말 처럼 다시 잘되었다....💻💫 현재 사용중인 port를 확인하고 종료하는 방법도 정리해놓아야즹,,   현재 사용중인 port 확인 및 종료lsof -i :5000 터미널에서 현재 사용 중인 프로세스를  ID(PID)를 확인 kill -9  해당 ID(..

🐰: 채팅앱을 개발하면서는기초를 탄탄히 하는것을 목표로 했기에! 내가 사용하는 프레임워크와 언어에 대해 확실히이해하고 넘어가는 것을 목표로 하였다! 그래서 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)..