🐰: 드디어 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를 선정했고,거기에 실시간 채팅을 구현하기에 좋은 socket.io라는 라이브러리가 있다고 해서신나서 따라했는데...! 계속해서 이렇게 socke.io api를 호출자체를 못하고 있었다..그렇게 시작된 구글링과의 전쟁......🔥 결론먼저 말하면 Next.js의 버전이 업그레이드 되어서였다!지금부터 자세히 알아보도록 하자!   socket.io채팅과 같이 실시간 통신이 필요할때 가장 많이 사용하는 방법이다.프론트파트에서 socket.io-client라는 패키지를 사용하고, 서버에서는 socket.io 패키지와 서버 인스턴스를 연결하여 프로트와 서버가 통신하는 방식이다..

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

🐰: 회사에서 가장 큰 프로젝트였던React Native 앱을 드디어 오픈했다🎉개발할때는 힘들어 죽겠고, 언제 끝나나 했는데오픈하니까 정말 뿌듯다..✌🏻 그래서 회사에서 또 다른 큰 프로젝트를 기획중이라그 기획이 끝나기 전까지 개발팀은각자의 프로젝트를 작은 규모로 '기획-개발'해보기로 했다. 나는 무엇을 개발할까 고민하다가 채팅앱을 구현해보기로 했다 ! 가장 큰 목표는 채팅 기능...!  사용할 언어는 프론트엔드는 Next.js, Typescript를 사용하고,Next.js: React를 기반으로 한 언어로 백엔드까지 이해할 수 있는 언어라 선택.Typescript: 회사 프로젝트에서 처음 사용해봤는데 굉장히 매력적으로 느껴져 선택. 백엔드는 아직 미정이다! 채팅앱을 개발하는 과정을 하나씩 남겨 보..