[App 개발] Chat App publishing - 10월 15일 업데이트
·
Project01 [Chat App]
🐰: 잔머리 굴려서 유투브 동영상으로 쉽게 프로젝트 한개 만들어 보려다 수 많은 실패를 맛보고..처음부터 다시 시작하기를 4번째.. 과감히 유투브를 버리고 혼자 기획부터 다시 시작했다! 두둥~ 드디어 퍼블리싱 완성 ㅎㅎ 회사 프로젝트로 RN사용하면서 이제 쫌 하네~ 생각했는데진짜 오만함의 끝이었닼ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 모든게 새로웠던... 후여기에다가는 퍼블리싱 하면서 잊지 않기 위해 기록해두고 싶은 내용들로 채우기 위한 게시글! 이제부터 진짜 작업인 백엔드가 남았지만......포기하지 말고 해보자!!!!!!!!!  [2024.08.23] 퍼블리싱 완성 [2024.09.10] 채팅방 퍼블리싱 완성  [2024.10.15] 회원가입완료[구현기능]- 이메일 형식 검수- 기존 회원과 이메일 비교- 비밀번호 ..
[RN] reanimated failed to create a worklet react native.. error
·
React Native
🐰: 개인프로젝트를 RN으로 바꾸면서회사 프로젝트 하면서 사용해봐서 이제 쫌 하네라는 오만한 생각을 해버린 내자신..이 제일 큰 에러다...후🔨 라이브러리랑 패키지를 추가 할때마다 발생하는 에러들...🙀잊지 않기 위해 기록..  발생 상황react-native-reanimated 패키지를 추가하면서 발생 발생 원인babel.config.js에 reanimate 플러그인을 추가해주지 않아서 발생 해결 방안babel.config.js에 'react-native-reanimated' plugins 추가
[App 개발] nodemon app crashed error 해결
·
Project01 [Chat App]
🐰: 드디어 mongoDB를 만들고 서버를 작동시키려는데와 같은 에러가 떠버렸다...🤯error 뜻사용하려는 port가 이미 사용중이라는 의미이다.해결방법1. 다른 port 사용하기2. 현재 사용 중인 port 확인하고 종료하기3. 서버를 재시작 하거나 시스템 재부팅하기 구글링을 해서 2번째 방법을 시도했었지만 나는 안되었고,3번째 방법은 너무 극단적이라 1번째 방법을 선택하여5000으로 설정했던 port를 5001로 바꾸어 버렸다. 그랬더니 그짓말 처럼 다시 잘되었다....💻💫 현재 사용중인 port를 확인하고 종료하는 방법도 정리해놓아야즹,,   현재 사용중인 port 확인 및 종료lsof -i :5000 터미널에서 현재 사용 중인 프로세스를  ID(PID)를 확인 kill -9  해당 ID(..
[App 개발] Next.js 14 에서 socket.io 라이브러리 사용하기
·
Project01 [Chat App]
🐰: 실시간 채팅앱을 만들려고 하는데전부 처음 사용해보는 언어들이라 공부할게 너무 많다..🥹 풀스택 작업이 가능하다 해서 Next.js를 선정했고,거기에 실시간 채팅을 구현하기에 좋은 socket.io라는 라이브러리가 있다고 해서신나서 따라했는데...! 계속해서 이렇게 socke.io api를 호출자체를 못하고 있었다..그렇게 시작된 구글링과의 전쟁......🔥 결론먼저 말하면 Next.js의 버전이 업그레이드 되어서였다!지금부터 자세히 알아보도록 하자!   socket.io채팅과 같이 실시간 통신이 필요할때 가장 많이 사용하는 방법이다.프론트파트에서 socket.io-client라는 패키지를 사용하고, 서버에서는 socket.io 패키지와 서버 인스턴스를 연결하여 프로트와 서버가 통신하는 방식이다..
[Git Hub] 한 컴퓨터에서 2개의 계정을 분리하여 사용하는 방법
·
Git
🐰: 하..(하루종일 github한테 두들겨 맞은거 같다.)내 개인 프로젝트를 완전히 다른 계정을 사용한github 아이디로 사용하려다 보니 자꾸 회사 프로젝트와겹치는 현상에 멘붕의 멘붕.. 몇번을 다시 연결을 한건지..기다긴 싸움 후 너덜너덜 해진 뒤로잊기 전에 메모를 하러 왔다..⭐️  인터넷 상에 올려놓은 공간 : 원격내 컴퓨터에 저장해 놓은 공간 : 로컬로컬 개발 환경에서 Git을 단독으로 사용한다면 SSH가 없어도 괜찮다.하지만 여러개의 계정을 사용한다면,안정성을 보존해야 하므로 외부 Git 서버에서 코드를 Clone하거나 Push 할때 SSH 프로토콜을 사용한다.깃허브처럼 인터넷을 통해 원격에서 Git 저장소를 호스팅해주는 서비스에서도 SSH 프로토콜을 지원하고 있고,원격 저장소와 통신할 때..
[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)..