개발자연습노트

안전한 접근: trip.author?.name은 trip.author가 null 또는 undefined일 경우, name에 접근하지 않고 undefined를 반환합니다. 이로 인해 오류가 발생하지 않습니다. 기본값 설정: || '알 수 없음' 부분은 trip.author?.name이 undefined일 경우 '알 수 없음'을 반환합니다. 직접 접근 (trip.author.name)의 문제: TypeError 발생: trip.author가 null 또는 undefined인 경우, trip.author.name에 접근하려고 하면 JavaScript는 null 또는 undefined에서 name 속성을 읽으려고 하므로 TypeError가 발생합니다. 요약: 옵셔널 체이닝을 사용하면 안전하게 속성에 접근할 수 ..

화면에서 보여지는 trips 배열의 구조를 분석해 보면, 배열의 각 요소는 trip 객체로 이루어져 있습니다. trip 객체는 여러 가지 속성들을 포함하고 있으며, 대표적으로는 다음과 같은 구조를 가지고 있습니다: [ { author: { email: "a@a.com", // 이메일 주소 name: "이메일", // 작성자 이름 gender: "MALE", // 성별 role: "USER" // 역할 }, authorId: 18, // 작성자 ID createdAt: "2024-09-24T04:16:42.351Z", // 생성 날짜 id: 144, // trip ID reservations: [], // 예약 목록 (현재는 비어 있음) title: "경북대 -> 동대구역 택시 2024-09-24 13:1..

웹소켓을 이용해서 서버와 유저가 실시간 양방향 통신하는 법을 알아봅시다. 웹소켓을 좀쉽게 쓰고 싶으면 socket.io 라이브러리를 쓰면 되겠습니다. express와 가장 많이 쓰는 websocket라이브러리인데 웹소켓 관련 간편한 기능들을 제공해줍니다. socket.io 설치부터 해보도록 합시다.    socket.io 설치는 1. 터미널 열어서 npm install socket.io@4 입력 하고   const { createServer } = require('http')const { Server } = require('socket.io')const server = createServer(app)const io = new Server(server) 2. 서버파일 상단 쯤에 이런거 추가하고  app.l..