전체 글100

• 12월 2주차 - FACTS: 이번 일주일 동안 있었던 일, 내가 한 일웹소켓 스터디양방향 네트워크 통신 방식인 웹소켓으로 게임 서버를 만들기 시작했다. 이벤트 리스너를 비동기 처리하기 위해 Promise를 다시 복습하고 웹소켓을 열어서 데이터를 주고 받는 것까지 구현하는 데 성공했다.- FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌최근자 TIL이 내가 이번주에 느낀 모든 감정의 집약체다. 근 사흘간 정말로 풀 수 없는 문제 앞에 놓인 기분이었다. 그걸 결국엔 풀어냈다니. 내가 참 못 미덥게 느껴지다가도 대견하기도 하다.- FINDINGS(배운 것) : 그 상황으로부터 내가 배운 것, 얻은 것문제해결능력이 조금은 올라갔다고 해야할까. 처음엔 원인조차 모르겠고 어디서부터 시작해야 해결할 수 있을지 막막했는.. 개발일지/WIL(Weekly I Learned) 2024. 12. 13.

• 

  2024-12-13 내일배움캠프 Node.js 트랙 34일차웹소켓으로 게임 서버 제작하기 - 이게 트러블 슈팅…?TIL이라는 이름이 무색하게도 오늘 내게 남은 것은 좀처럼 답이 보이지 않는 버그와 싸운 기억 뿐이다. 아니, 어쩌면 배웠다고 해야할까. 이 에러와 사흘 가까이 분투하느라 Promise에 대한 개념도 바로잡게 되었고, 웹소켓과 아주 조금이나마 친해졌으니 말이다. 오늘은 다소 사담 같은 TIL을 작성해볼까 한다.발단: 서버에서 로직을 수행하자문제는 뭐 당연하겠지만 웹소켓에 대한 어정쩡한 이해도 때문에 발생했다. 대충 emit은 전송하는 거고 on은 듣고 있는 거 아님? 이 정도로만 생각하고 있다가 복잡한 코드 앞에서 급격히 머리가 아파지기 시작했던 것이다.태초에 (원흉이 되었던) 이런 코드가 있었다.class Sc.. 개발일지/TIL(Today I Learned) 2024. 12. 13.

• 2024-12-12 내일배움캠프 Node.js 트랙 33일차Joi로 유효성 검사하기왜 유효성 검사에 모듈을 사용해야 할까내가 Joi를 쓰기로 결심하게 된 건 지난 팀 프로젝트 때문이다. 그때 우리의 프로젝트는 풋살 온라인(피파 온라인을 벤치마킹한 이름)이었고, 내가 맡은 업무는 보유한 선수들을 조회하고, 정렬하고, 출전 선수들을 선발하고, 중복되는 선수들을 강화하는 API를 작성하는 것이었다. 짧게 설명하자면, 이래저래 입력 받아야 하는 값이 다양했다는 의미다. 실제 내가 작성했던 코드를 살펴보자.router.post('/myTeamMember', authM, async (req, res, next) => { const { accountId } = req.account; const { page, orderByTh.. 개발일지/TIL(Today I Learned) 2024. 12. 12.

• 2024-12-11 내일배움캠프 Node.js 트랙 32일차Q1. Promise는 함수인가?단도직입적으로 말하자면, Promise는 함수가 아니라 객체이다. 정확히는 JavaScript에서 제공하는 내장 객체로, 비동기 작업을 처리하고, 그 작업의 성공(resolve) 또는 실패(reject) 상태를 추적하고 관리한다.Promise의 정의Promise 는 JavaScript의 비동기 작업을 처리하기 위한 객체이다. 주로 시간이 걸리는 작업(예: API 호출, 파일 읽기, 데이터베이스 작업 등)을 처리한 뒤 그 결과를 다룰 때 사용된다.Promise 객체는 비동기 작업의 성공 또는 실패를 나타내는 값을 캡슐화한다.Promise는 pending(대기 중) → fulfilled(성공) 또는 rejected(실패) 의 상태로 전환.. 개발일지/TIL(Today I Learned) 2024. 12. 11.

• 

  2024-12-10 <HTTP와 TCP, 그리고 웹소켓> 네트워크 공부에 앞서…이론에는 추상적 개념(Abstraction)과 사실(implementation)이 존재한다. 객체 지향 프로그래밍을 이해한다면 위 문장을 쉽게 이해할 수 있을 것이다. class는 객체의 추상적 개념을 정의하며, instance는 실제로 구현된 실체라는 점을 이미 알고 있을 테니 말이다. 네트워크도 마찬가지다. OSI 7계층 모델은 추상적 개념일 뿐 네트워크 통신의 실체는 아니다. 따라서 실제 게임 서버를 만들기 위해선 TCP/IP, HTTP처럼 실제로 구현된 통신 프로토콜에 대해 공부할 필요가 있겠다.HTTPHTTP는 웹에서 데이터를 주고받는 데 사용되는 프로토콜이다. OSI 7계층에서 살펴보자면, Application Layer 위에서 동작하는 프로토콜이다. 예를 들어 우리가 웹.. 개발일지/TIL(Today I Learned) 2024. 12. 10.

• 

  2024-12-09 내일배움캠프 Node.js 트랙 30일차OSI 7계층 - 데이터 링크 계층데이터 링크 계층의 정의데이터 링크 계층(DLL)은 OSI 모델의 맨 아래에서 두 번째에 해당하는 계층이다.노드간 데이터 전달을 담당하며, 오류 없이 정보를 전송하는 것이 이 계층이 맡은 역할이다.인코딩, 디코딩, 데이터의 수신과 발신 과정에 에러가 나지 않도록 여러 가지 기능을 담당하고 있다.데이터 링크 계층의 하위 계층그럼 데이터 링크 계층은 어떻게 저 많은 일들을 하고 있는 걸까? 데이터 링크를 구성하고 있는 계층의 하위 계층들을 살펴 보고 그들이 맡고 있는 역할을 알아 보자.논리 링크 제어(LLC)LLC는 데이터 링크 계층의 하위 계층으로서, 다중화(multiplexing) 매커니즘을 제공한다. 벌써부터 설명이 어려운데 현재.. 개발일지/TIL(Today I Learned) 2024. 12. 9.

• 챌린지반 숙제 - WITH절 활용하기 문제 풀어보기문제 설명당신은 도서관의 대여 기록을 관리하는 시스템을 운영하고 있습니다. 대여 기록이 저장된 BOOK_RENTALS 테이블에서 연체된 책들에 대한 정보를 분석하려고 합니다.BOOK_RENTALS 테이블은 아래와 같은 구조로 되어있습니다.rental_idbook_idmember_iddays_renteddue_datereturn_date11001201102024-01-102024-01-202100220252024-01-052024-01-043100320382024-01-082024-01-154100120472024-01-072024-01-0651002205122024-01-122024-01-1561003206152024-01-152024-01-25각 컬럼에 대한 설명은 다음과 같습니다.days.. 개발일지/SQL 2024. 12. 9.

• 

  12월 1주차 - FACTS: 이번 일주일 동안 있었던 일, 내가 한 일팀 프로젝트 - FUTSAL ONLINEhttps://teamsparta.notion.site/1-Rush-13f2dc3ef5148086847dd0613003abbf?pvs=25 1꾼Rush | Notion4. 와이어프레임teamsparta.notion.site매일매일 무엇을 개발하고 어떤 결과물을 완성하였는지 기록을 해두었다.- FEELINGS(느낌, 주관) : 나의 감정적인 반응, 느낌API를 만들 때에는 prisma에 생소한 메서드가 많아서 당혹스러웠지만 재밌었다. 그런데 프론트엔드는 멘붕의 연속이었다. 1주차 과제를 하기야 했지만 API를 연결해본 경험은 딱 한 번 뿐이었고 그나마도 내가 만든 API와 연결해본 경험은 아니었다. API를 빠.. 개발일지/WIL(Weekly I Learned) 2024. 12. 6.

• 

  2024-12-06 내일배움캠프 Node.js 트랙 29일차API 테스트 트러블 슈팅웹 토큰 발행을 통한 인증 기능 구현하기.우리는 액세스 토큰과 리프레쉬 토큰을 게임 사용자 인증에 적용하고자 노력했다.(우리 팀의 프로젝터에서 로그인과 auth 미들웨어가 작동하는 방식)만료시간이 매우 짧은 Access Token을 Authorization 헤더를 통해 발급하는 방식.사용자가 로그인하면 Refresh Token을 발급하여 세션 DB에 저장한다. 이때 'x-info'헤더에 사용자 email을 반환하고, Access Token이 만료되었을 때 이 email 데이터를 통해 Refresh Token의 발급 여부를 확인한다.DB에 저장된 Refresh Token이 유효하다면 Access Token을 새로 갱신한다.Refresh Tok.. 개발일지/TIL(Today I Learned) 2024. 12. 6.

• 2024-12-05 Stateless와 Stateful은 컴퓨터 시스템이나 네트워크에서 상태(State)를 어떻게 관리하는지를 기준으로 나누는 개념이다. 쉽게 설명하면, Stateless는 요청과 응답 간의 "연결된 상태"를 기억하지 않는 방식이고, Stateful은 그 상태를 기억하는 방식이다.Stateless (상태 없음)정의각 요청이 독립적으로 처리되며, 이전 요청이나 응답에 대한 정보를 서버가 유지하지 않는 방식이다.특징독립적 요청: 클라이언트가 서버에 요청할 때마다 이전에 어떤 요청을 했는지에 대한 정보가 서버에 남지 않는다.확장성: 서버는 클라이언트의 상태를 관리하지 않으므로 여러 서버에 요청을 분산하기 쉽다.단순성: 서버는 각 요청을 독립적으로 처리하므로 설계가 단순하다.예시HTTP: 웹 브라우저와 서버 간의 .. 개발일지/TIL(Today I Learned) 2024. 12. 5.

• 2024-12-04 REST API 개발과 CRUD REST API란 무엇일까? 내가 이 개념을 처음 접했을 땐 굉장히 어렵게 느껴졌다. 왜였을까 생각을 해봤더니, 이 단어가 특정한 구조의 API를 지칭할 것이란 착각 때문이었다. 사실, REST API는 방법론이다. 어떠한 API 설계 원칙에 대해 말할 때, REST API라는 이름을 붙여놓은 것이다. 그렇다면 그게 대체 어떤 방식이길래 이름까지 붙여진 걸까. REST는 "Representational State Transfer"의 약자이므로, 자원(Resource)을 정의하고 이 자원에 대한 작업을 수행하는 방식이라고 해석할 수 있겠다.(여기서 자원은 웹에서 다루는 데이터나 정보를 의미한다.) 자원을 URI로 정의하고, HTTP 메서드를 통해 CRUD 작업을 수행하는 구.. 개발일지/TIL(Today I Learned) 2024. 12. 4.

• 2024-12-03 내일배움캠프 Node.js 트랙 26일차OSI 7계층 - 물리 계층들어가기에 앞서…현대 사회에서 컴퓨터 네트워크는 필수 기반 시설이다. 우리는 실생활에서 다양한 장치를 사용하고 네트워크가 연결되어 정보를 주고받으며 살고 있기 때문이다. 그런데 희한하다. 분명 다른 회사에서 만든 기계들인데 어떻게 통신이 가능한 걸까? 3만원도 채 안 되는 이어폰의 설정을 갤럭시 스마트폰에 깔린 어플로 조절할 수 있다니. 서로 다른 나라에서 만든 전자 기기들이지만 아주 아주 운이 좋아서 네트워크 통신이 가능했던 걸까? 아니, 당연히 내가 운이 좋았기 때문은 아니다. 이들의 원격 통신이 가능했던 이유는, 단말기들이 표준화된 통신 규약을 사용하기 때문이다. 디테일은 조금씩 다를 수 있겠지만, 네트워크의 통신 과정을 설명하는 대.. 개발일지/TIL(Today I Learned) 2024. 12. 3.