🐰: 잔머리 굴려서 유투브 동영상으로 쉽게 프로젝트 한개 만들어 보려다 수 많은 실패를 맛보고..처음부터 다시 시작하기를 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를 선정했고,거기에 실시간 채팅을 구현하기에 좋은 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)..

🐰: 채팅앱을 개발하기 위한 기획부터진행하고 있다!기획이 전공인데도 아직도 기획은 토나온다..이 게시글은 기획이 추가될때 마다 업데이트를 하기로!  TOOL : FIGMA  2024.07.16혼자서 기획, 디자인, 개발까지 하려니까 공부할게 한두개가 아니다,,!채팅기능을 구현해보려는거 만으로도 차지만..이렇게 시작한거 끝까지 해봐야지 ! 프론트엔드: Next.js, Typescript, socket.io 백엔드: MongoDB  2024.08.16정확하게 한달만에 중간 점검을 해보았는데.. 내가 너무 쉬운 방법을 택했다가 오히려 돌아가는 기분이 들었다.나는 유투브에 올라온 과정에 맞춰 언어를 선택했고, tool을 선택했다.그러다 보니까 동영상 업로드가 끊기면 나의 개발도 거기서 끊기길 4번을 반복하고 ..

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