write3027 님의 블로그

"백일몽"온라인 숙박 공유 플랫폼서버 주소 : http://43.203.247.141:3000/사용 기술 : React, Next.js, Typescript개발 기간 : 2024.09.02.월 ~ 2024.09.12.목참여 인원 : 1인. 개인 프로젝트주요 기능 :1. 검색 : 여행지, 날짜, 인원 선택  2. 필터링 : 해시태그 기반 검색3. 지도 : React google maps api. 위치 표시 및 길찾기이번 React 개인 프로젝트에서는 사용자 중심의 UI/UX 구현을 목표로 하였습니다.또한, 프로젝트를 통해 프론트엔드의 다양한 기술을 학습하고, 실제 서비스에 가까운 환경을 구축함으로써 웹 개발의 실질적인 기술력을 향상하는 데 목적을 두었습니다.  페이지 설명1. 메인페이지 : 헤더로고 : 로..

프로그래머스에서 코딩테스트 연습을 위한 readline모듈 사용법을 정리해보려고 한다. readline모듈?Node.js에서 제공하는 내장 모듈로, 표준 입력(stdin)과 표준 출력(stdout)을 사용하여 텍스트를 한 줄씩 읽고 쓸 수 있게 해주는 인터페이스를 제공합니다. 주로 CLI(Command Line Interface) 응용 프로그램에서 사용자 입력을 처리하거나, 콘솔에서 사용자와 상호작용을 하기 위해 사용된다.1. readline 모듈 가져오기const readline = require('readline');이 줄은 Node.js의 내장 모듈인 readline을 가져온다.2. readline 인터페이스 생성const rl = readline.createInterface({           ..

[ 업무 협업 툴 Colla ]서버 주소 :  http://54.180.246.133/  지난 3주간(7/24 ~ 8/14) 2차 Node.js 팀 프로젝트를 진행했다. 나는 이번 프로젝트에서 Socket.io로 1:1채팅 구현하는 부분을 담당했다. 1. 검색으로 채팅 시작하기- 검색 결과를 클릭하면 axios로 createchat controller에서 채팅방 존재 여부를 검사한다.- (controller에서) 채팅방이 존재하지 않으면, 채팅방을 새로 만들고 DB에 나,상대방정보를 입력한다.                  채팅방이 존재하면 그 채팅방 이름을 내보낸다.- axios결과로 받아온 채팅방에 나,상대방 입장한다.                  채팅방이 존재하면(flag == 1), DB에서 지..