[App 개발] Chat App publishing - 10월 15일 업데이트
·
Project01 [Chat App]
잔머리 굴려서 유투브 동영상으로 쉽게 프로젝트 한개 만들어 보려다 수 많은 실패를 맛보고..처음부터 다시 시작하기를 4번째.. 과감히 유투브를 버리고 혼자 기획부터 다시 시작했다. 드디어 퍼블리싱을 완성했다. 회사 프로젝트로 RN사용하면서 이제 쫌 하네~ 생각했는데 오만함의 끝이었다.여기에다가는 퍼블리싱 하면서 잊지 않기 위해 기록해두고 싶은 내용들로 채우기 위한 기록이다. [2024.08.23] 퍼블리싱 완성 [2024.09.10] 채팅방 퍼블리싱 완성 [2024.10.15] 회원가입완료[구현기능]- 이메일 형식 검수- 기존 회원과 이메일 비교- 비밀번호 설정 검수- 비밀번호 확인- 모든 항목 미입력시 toast팝업 출력 이렇게 firebase에 데이터가 삽입되는것 확인완료⭐️
[RN] reanimated failed to create a worklet react native.. error
·
React Native
발생 상황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 확인 및 종료lsof -i :5000 터미널에서 현재 사용 중인 프로세스를 ID(PID)를 확인 kill -9 해당 ID(PID) 프로세스 종료
[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 패키지와 서버 인스턴스를 연결하여 프로트와 서버가 통신하는 방식이다. 하지만 next.js14 app router 방식에선는..
[Git Hub] 한 컴퓨터에서 2개의 계정을 분리하여 사용하는 방법
·
Git
하루종일 github한테 두들겨 맞은거 같다. 한 컴퓨터에서 개인 프로젝트를 회사 계정과 다른 깃허브 아이디로 사용하려다 보니 자꾸 회사 프로젝트와 겹치는 현상과 기나긴 싸움 후 너덜너덜 해진 뒤로 잊기 전에 메모하기.. 인터넷 상에 올려놓은 공간 : 원격내 컴퓨터에 저장해 놓은 공간 : 로컬로컬 개발 환경에서 Git을 단독으로 사용한다면 SSH가 없어도 괜찮다.하지만 여러개의 계정을 사용한다면,안정성을 보존해야 하므로 외부 Git 서버에서 코드를 Clone하거나 Push 할때 SSH 프로토콜을 사용한다.깃허브처럼 인터넷을 통해 원격에서 Git 저장소를 호스팅해주는 서비스에서도 SSH 프로토콜을 지원하고 있고,원격 저장소와 통신할 때 일반적으로 사용하는 방법이다. SSH란?Git에서도 사용하지만, 원래..
[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)), 중분..