전체 글(71)
-
[CH 4 리얼 타임 과제] 트러블슈팅 - 1001
🗂️ 숨은 코드 찾기제공받은 프론트엔드 파일과 강의에서 빠르게 지나간 스켈레톤 코드들의 분량이 많다보니, 확인하고 싶은 코드가 어디에 있는지 찾는 것부터 쉽지 않았다. 예를 들어, 각 아이템 id에 매칭되는 이미지 파일을 연결해주는 코드가 item.js나 itemController.js에 있을 것이라 예상하고 처음부터 끝까지 훑어보다가 포기할 때 즈음 index.js에서 찾아낸 일이 있었다. 다른 사람이 미리 짜둔 코드를 베이스로 원하는 결과물을 내기 위해서는 1) 전체 파일의 구조를 이해하고, 2) 어떤 방식으로 어디에 구현되어 있는지 인지하는 게 중요하다는 것을 이렇게 또 배우는 것 같다. 📀 아이템을 먹었습니다. 그냥 먹었습니다.보통 장애물을 피해서 달리는 게임에서 코인이나 아이템을 먹으면 스..
2024.10.01 -
socket.io 사용해보기
1. Socket.io란? Socket.io는 Node.js를 이용해 웹 어플리케이션에서 실시간 통신을 구현하기 위한 라이브러리입니다. 클라이언트와 서버 간의 저지연(low-latency), 양방향(bidirectional), 이벤트 기반(event-based) 통신을 가능하게 합니다. 웹소켓(WebSocket)을 기반으로 동작하며, 웹소켓이 지원되지 않는 브라우저에서는 HTTP long-polling 방식을 사용하여 실시간 통신을 구현합니다. 2. Socket.io 설치하기다른 라이브러리들과 동일하게, 터미널을 통해 간편하게 다운로드 받을 수 있습니다.npm install socket.io 3. Socket.io 세팅하기app.js나 index.js 등 메인 파일에 2가지 방법으로 세팅할 수 있습니..
2024.09.30 -
[개념정리] 웹소켓이란?
▶ 웹소켓(WebSocket) 프로토콜이란?웹소켓(WebSocket)은 클라이언트(브라우저)와 서버를 연결하고 실시간으로 통신이 가능하도록 하는 첨단 통신 프로토콜이다. 웹소켓은 하나의 TCP 접속에 전이중(duplex) 통신 채널을 제공한다. 쉽게 말해, 웹소켓은 Socket Connection을 유지한 채로 실시간으로 양방향 통신 혹은 데이터 전송이 가능한 프로토콜이다. 채팅 어플리케이션과 같이 실시간 통신이 필요한 경우 주로 사용된다. ▶ 웹소켓의 주요 특징실시간 통신웹소켓은 연결이 활성화된 상태에서 빠르고 지속적인 메시지 교환을 허용한다. 이로 인해 애플리케이션은 사용자에게 지연 없는 인터랙션을 제공할 수 있다.양방향 통신 (Full-Duplex)클라이언트와 서버가 동시에 서로에게 메시지를 보낼 ..
2024.09.27 -
OSI 7계층 자세히 알아보기 - 애플리케이션(응용 프로그램) 계층
▶ 애플리케이션(응용 프로그램) 계층이란? 사용자의 데이터와 직접 상호 작용하는 유일한 계층이다. 소프트웨어가 사용자에게 의미 있는 데이터를 제공하기 위해 의존하는 프로토콜과 데이터를 조작하는 역할을 한다. 대표적인 응용 계층 프로토콜로는 원격 접속을 위한 텔넷(Telnet), 파일 전송을 위한 FTP, 도메인 이름을 IP 주소로 변환시켜주는 DNS, 메일 전송을 위한 프로토콜인 SMTP등이 있다. HTTP (HyperText Transfer Protocol): 웹 서비스에서 클라이언트(웹 브라우저)와 웹 서버 간에 정보를 주고받기 위해 사용되는 네트워크 프로토콜.FTP(File Transfer Protocol): 서버와 클라이언트 간에 파일을 전송하기 위한 프로토콜. 일반적으로 통신 포트는 제어 용도..
2024.09.27 -
CH 3 풋살 온라인 프로젝트 - 마무리
🎯 직관적으로, 매력적으로 소개하기짧고도 길었던 팀 프로젝트가 끝났다. 거북하지 않은 코딩(18)조 만의 매력을 소개하기 위해 어떤 방법이 효과적일까, 어떻게 접근해야 할까 고민했던 것 같다. 코드 자체를 보여주고 Insomnia 등을 통한 시연도 중요하지만, 사실 같은 주제로 수많은 팀이 프로젝트를 소개하는 자리에서 코드의 디테일들이 보일까? 라는 생각이 들었다. 이에 더해 7분이라는 제한 시간을 생각해보면 거래처에 상품을 소개하듯이 직관적으로, 매력적으로 도식화 된 슬라이드로 어필해야겠다는 결론에 이르렀다. 내가 담당한 코드에 집중하느라 다른 코드들을 리뷰할 시간이 부족했기에, 발표자료를 팀원들과 함께 정리하며 스스로도 정리하는 데에도 큰 도움이 되었다. 🎲 도파민의 꽃, 가챠 우선 직접 만들었..
2024.09.25 -
[SQL 코드카타] 가격대 별 상품 개수 구하기(MySQL)
PRODUCT 테이블에서 만원 단위로 구간을 나눠, 상품 개수를 출력해야 하는 문제이다. 답안 예시를 보면 만원 단위로 절삭하여 그루핑을 한 것을 알 수 있다. 예를 들어, 9000원은 PRICE_GROUP 0에 해당하고 22000원은 PRICE_GROUP 20000에 해당되게 해야 하는 것이다. BETWEEN으로 구간 별 분리를 해야하나? 그러면 모든 경우의 수를 다 지정해주어야 하는데, 그게 맞는 방법일까? 100만원짜리 상품이 있으면 어떻게 하지? 아무리 생각해도 만원 단위로 뒷자리를 절삭해주는 등의 방법이 있을 것 같았다. 그리고 정말 TRUNCATE( 테이블 명, - 절삭하려는 자릿수) 라는 간편한 방법이 있었다. 본 문제에서 4번째 자릿수까지 절삭해야 하기 때문에, TRUNCATE( PRICE..
2024.09.24