티스토리

back-end

검색하기

블로그 홈

back-end

developerhun.tistory.com/m

KJihun 님의 블로그입니다.

구독자: 1

방명록 방문하기

주요 글 목록

[React] Vite 를 사용하여 React 설치 및 기본설정 1. npm create vite@latest : 리액트 파일 생성 명령어2. Y : 파일 생성 여부를 물어봄. y 입력 시 생성 진행3. 원하는 프로젝트 이름 입력, 키보드로 react선택, 키보드로 JS 선택4. 해당 폴더로 이동 npm i : package.json에 기록되어 있는 dependency 설치npm run dev → react 실행. index.html을 기준으로 실행됨http://localhost:5173/ : 해당 URL 접속 시 연결 확인 가능서버 종료 : 터미널 클릭 후 Ctrl + C main.html main.jsximport { StrictMode } from 'react'import { createRoot } from 'react-d.. 공감수 0 댓글수 0 2025. 4. 26.
Filter, Spring Security spring에서 모든 호출은 DispatcherServlet을 통과하게 되고 이후에 각 요청을 담당하는 Controller로 분배된다.이때, 각 요청에 대해서 공통적으로 처리해야 할 필요가 있을 때DispatcherServlet 이전에 단계가 필요하며 이 역할을 하는게 Filter다. Spring Security도 인증 및 인가를 위해 Filter를 사용하며, FilterChainProxy를 통해서 상세로직을 구현한다.Spring security에서 제공하는 인증방식: Form loginForm Login 기반 인증: 인증이 필요한 URL 요청 시 인증되지 않았다면 로그인 페이지를 반환하는 구조내부에서 인증을 처리할 때 가장 많이 사용되는 방식으로 usernamePasswordAuthenticationF.. 공감수 0 댓글수 0 2025. 4. 23.
[security] JWT와 Session의 차이 JWT (JSON Web Token)JWT는 JSON 포맷 형식으로 사용자 인증 정보를 담고 있는 토큰 기반 인증 방식이다.클라이언트 측에서 인증 정보를 유지하고, 요청 시 헤더 또는 쿠키에 포함시켜 서버에 전송한다.구조Header: 토큰의 타입(JWT ...)과 서명 알고리즘(암호화 알고리즘)Payload: 사용자 정보Signature헤더와 페이로드를 결합한 값을 서명 알고리즘을 통해 암호화하여 구현생성된 Signature를 JWT에서 받은 Signature와 비교하여 토큰의 변조 여부를 확인장점무상태성(Stateless): 서버가 사용자 상태를 유지할 필요가 없어 확장성에 유리하다분산 처리에 적합: 서버에 상태 정보를 저장하지 않기 때문에 여러 서버를 사용하여도 서버 간 세션 공유가 필요없다단점보안.. 공감수 0 댓글수 0 2025. 4. 23.
Claude 를 통한 MCP 구현 1. Claude Desktop 설치https://claude.ai/download 2. 회원가입 및 로그인 3. 좌측 상단의 줄 세개를 클릭 4. 파일 > 설정 탭을 클릭 5. 개발자 버튼 클릭 후, 설정 편집 클릭(화면이 조금 다를 수 있음) 6. 폴더가 열리며 claude_desktop_config.json 파일이 클릭되어 있을텐데, 해당 파일을 실행 7. 아직까지는 아무 값이 없으므로, 아래의 링크에서 필요한 기술의 소스코드 복사 (ex : firecrawl, jetbrains ...) GitHub - modelcontextprotocol/servers: Model Context Protocol ServersModel Context Protocol Servers. Contribute .. 공감수 0 댓글수 0 2025. 4. 19.
MCP(Model Context Protocol) LLM (Large Language Model, 대규모 언어 모델)자연어 처리(NLP) 기술을 기반으로 하는 인공지능 모델(ChatGPT, Claude ... )자연어로 이루어진 방대한 텍스트 데이터를 학습하여 문법, 어휘, 의미 등을 이해하고,질문을 받았을 때 이를 추론하여 텍스트를 생성한다 기존의 방식에서는 도구와 LLM이 서로 연결되어 데이터를 주고받을 수 있도록 구현 해주어야 하므로,새로운 도구가 추가될 때마다 코드를 수정하거나 도구와의 연결 작업이 필요했다.MCP라는 기술은 원래 주목받지 못하였으나, 이와같은 LLM의 단점 덕분에 주목받게 된 프로토콜이다. MCP (Model Context Protocol)표준화된 프로토콜을 사용하여 Tool을 서버로 노출시키고, LLM이 해당 도구를 사용할 수.. 공감수 0 댓글수 0 2025. 4. 19.
[Spring] Spring AOP(Aspect-Oriented Programming) 핵심 기능(주관심사)과 공통 기능(보조 관심사, 부가기능)을 분리하여 코드의 재사용성, 유지보수성, 가독성을 향상시키는 방법 주 관심사 : 실제 로직 (ADD 함수 등)보조 관심사 : 보안, 로그, 트랜잭션 등 중간에 'Proxy' 객체를 두어, 보조관심사를 자동으로 끼워 넣는다. AOP 동작 흐름 (Spring AOP 기준)클라이언트가 메서드 호출 (예: ADD(x, y))Proxy 객체가 대신 호출을 가로챔보조관심사 로직 실행 (예: 로그 찍기, 트랜잭션 시작 등)실제 핵심 로직(ADD()) 실행결과를 기반으로 보조관심사 마무리 작업 (예: 트랜잭션 커밋, 로그 종료 등)클라이언트에게 결과 반환 주 사용 목적로깅 (Logging)메서드 실행 시점, 매개변수, 리턴 값 등을 기록보안 (Security.. 공감수 1 댓글수 1 2025. 4. 16.
[Spring] Filter, Interceptor, AOP의 차이점 1. Filter (javax.servlet.Filter)어디서?서블릿 이전, 가장 바깥단 (DispatcherServlet 도달 전)언제?요청이 WAS(서버)에 도달하자마자 실행됨 (ServletContainer 수준)예시인코딩 설정, XSS 방지, 인증 체크 등설정 방법web.xml 또는 @WebFilter단점스프링 외부에서 동작, 스프링 빈 접근 어려움 public class MyFilter implements Filter { public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletE.. 공감수 0 댓글수 0 2025. 4. 16.
GPT 프로젝트 사용 이미지 공감수 0 댓글수 0 2025. 4. 12.
[FrontEnd] jQuery 화살표 함수(=>)의 this 기본 함수 (function)의 this기본 함수는 호출될 때의 컨텍스트에 따라 this가 결정일반 함수는 실행 당시의 객체 컨텍스트에 따라 this가 동적으로 바뀜 화살표 함수 (=>)의 this화살표 함수는 this를 렉시컬(lexical)하게 바인딩한다 렉시컬(lexical) : 함수를 정의할 때 상위 스코프의 this를 고정하는 것const obj = { name: 'Hello', clickBtn: () => { console.log(this.name); // this는 obj가 아님! 외부 스코프의 this }};obj.clickBtn(); // undefined 이 때의 this는 obj가 아니라 obj를 감싸는 외부 스코프(전역)의 this즉, 함수가 어디에서 정의되었는지에 따라.. 공감수 0 댓글수 0 2025. 4. 10.
[JS] querySelector vs getElement 1. getElementById, getElementsByClassName, getElementsByTagName✅ 장점성능이 빠름 (특히 getElementById)❌ 단점getElementsByClassName과 getElementsByTagName은 HTMLCollection을 반환 → 배열 같지만 실제 배열 아님 (Array methods 사용 불가)복잡한 CSS 선택자는 사용할 수 없음 2. querySelector, querySelectorAll✅ 장점CSS 선택자 문법 지원 → #id, .class, div > span, ul li.active 등 복잡한 선택 가능더 유연하고 강력함querySelector는 단일 요소, querySelectorAll은 NodeList 반환 → 반복문 가능 (.. 공감수 0 댓글수 0 2025. 4. 7.
[Spring]Front Controller, Dispatcher Servlet, Spring MVC 처리 Flow Front Controller MVC 구조에서 함께 사용되는 디자인 패턴 중 하나로, 애플리케이션의 진입점(entry point) 역할을 수행하는 컨트롤러.클라이언트가 보내는 모든 요청을 자신이 먼저 받게 되고, 이러한 요청들을 세부 컨트롤러에게 전달하는 역할을 수행한다.Dispatcher Servlet은 spring에서 Front Controller 패턴을 구현한 것이다 Spring MVC 처리 Flow 0. 서블릿 초기화 (WAS 기동 시)Spring Boot나 Spring Web MVC 프로젝트가 시작될 때DispatcherServlet은 Servlet으로 등록되어 있고, web.xml 또는 Spring Boot의 자동 구성을 통해 초기화됨초기화 시점에 HandlerMapping, HandlerAd.. 공감수 0 댓글수 0 2025. 4. 3.
HttpSession(서버 세션) HttpSession ≠ 세션 스토리지(Session Storage) Session Storage (브라우저 Web Storage API)브라우저에서 제공하는 클라이언트 측 임시 저장소탭/창을 닫으면 자동 삭제됨 (지속성 없음)저장 위치: 사용자 브라우저 메모리 HttpSession서버가 사용자 정보를 일정 시간 유지하기 위해 사용하는 저장소사용자별로 하나씩 생성되고, 사용자 개별 데이터(예: 로그인 정보)를 저장하기 위해 사용속도: 세션 접근은 일반적으로 빠르지만, 많은 데이터를 저장하거나 많은 사용자가 있으면 속도 저하 가능메모리: 힙 메모리(Heap Memory)에 세션을 저장하며, 사용자 수가 많아질수록 메모리 사용량 급증사용자 수가 많아질수록 메모리 사용량 급증하기 때문에 요즘 웹은 Http.. 공감수 0 댓글수 0 2025. 4. 3.
[Security] Spring Security의 흐름 앱 실행 시 Spring Boot가 @Configuration, @EnableWebSecurity에 의해 WebSecurityConfig 를 자동 실행1. corsConfigurationSource()CORS(Cross-Origin Resource Sharing) 설정 도메인, 포트, 프로토콜 을 기준으로 HTTP 요청을 보내는 것을 허용할지 제어하는 보안 메커니즘CSRF, XSS 같은 공격을 막기 위해 반드시 구현하여야 한다 2-1. authenticationManager()인증을 처리하는 매니저내부적으로 UserDetailsService를 통해 사용자 정보를 불러옴로그인 시 JwtAuthenticationFilter에서 authenticationManager를 사용해서 인증 처리함 JwtAuthor.. 공감수 1 댓글수 0 2025. 4. 2.
Servlet, JSP 서블릿(Servlet)자바에서 웹 애플리케이션을 개발하기 위한 클래스웹 서버(WAS, tomcat)와 연동되어 클라이언트(브라우저)의 요청을 받아 동적으로 응답을 생성보통 HttpServlet을 상속(extends) 받아 사용한다. ✅ 주요 객체HttpServletRequest request클라이언트의 요청 정보를 담고 있는 객체. 서버가 요청을 객체로 생성HttpServletResponse response서버가 클라이언트에게 응답을 보낼 때 사용하는 객체. 서버가 요청을 객체로 생성✅ Servlet vs JSPServlet자바 코드로 웹 로직을 처리하기에 적합UI 구성의 어려움 (HTML 작성이 복잡함)이후 JSP 출현JSP (Java Server Pages)HTML에 자바 코드를 삽입해 UI를 쉽게 .. 공감수 0 댓글수 0 2025. 4. 2.
[Backend] JSP JSP(JavaServer Pages)Java 기반 웹 페이지 생성 기술로,HTML 코드 안에 Java 코드를 삽입할 수 있게 해주는 서버 사이드 웹 프로그래밍 기술이다.JSP는 Java EE(Jakarta EE)의 일부로, 웹 애플리케이션에서 동적인 HTML 페이지를 만들기 위해 사용되었지만,현재는 유지보수, 구조적 한계, 현대적 웹 개발 트렌드에 뒤처져 거의 사용되지 않는다. JSP 작동 방식브라우저는 서버에 JSP 파일 요청 서버는 브라우저의 요청에 해당하는 JSP 파일이 서버측에 있는지 조회 후, 존재하면 서블릿(Servlet) 으로 변환서블릿 코드를 컴파일해서 .class 파일 생성서블릿이 실행되면서, HTML을 생성HTML을 클라이언트에게 전송즉, jsp 코드의 return 값은 HTML 코.. 공감수 0 댓글수 0 2025. 4. 2.
[JS] Bubbling, Capturing, Event Propagation, 이벤트 전파 Bubbling, CapturingDOM(Document Object Model) 요소에 이벤트 발생 시, 그 이벤트가 어떻게 전달되는지를 정의하는 방식 이벤트 전파(Event Propagation)브라우저에서 이벤트 발생 시, 이벤트는 DOM 트리 상에서 여러 단계에 걸쳐 전파된다.Capturing Phase (캡처링 단계)이벤트가 상위 요소에서 하위 요소로 내려오면서 전파Target Phase (타깃 단계)이벤트가 실제로 발생한 요소(target) 에 도달Bubbling Phase (버블링 단계)이벤트가 타깃 요소에서 다시 상위 요소로 전파이벤트가 발생하면 해당 이벤트는 자식 요소에서 부모 요소로 전파되는 '버블링(bubbling)' 이 일어나게 된다.버블링 전파 시, 부모 요소에 등록된 이벤트 리스.. 공감수 0 댓글수 0 2025. 4. 1.
[JS] 비동기로 데이터 처리(async/await, fetch then) 비동기란→ 코드 실행을 막지 않고, 오래 걸리는 작업을 기다리며 다음 작업을 먼저 실행하는 방식 보통 외부 API를 사용할 경우 비동기로 처리한다. 외부 API를 사용할 때 비동기를 쓰는 이유1. 응답을 기다리면 전체 앱이 멈추기 때문외부 API는 보통 네트워크를 통해 요청을 보낸 후, 응답을 받기까지 시간 걸린다동기 방식일 경우, 응답이 올 때까지 브라우저나 앱이 멈춘다사용자 입장에서는 버벅이거나 멈춘 것처럼 느껴짐2. 여러 작업 동시 처리 가능 비동기 방식일 경우API 응답을 기다리는 동안 다른 UI 렌더링, 이벤트 처리 가능네트워크 작업과 사용자 입력을 동시에 처리 가능 JS의 비동기 처리 방법AJAX (Asynchronous JavaScript and XML)서버와 비동기적으로 데이터를 주고받기.. 공감수 0 댓글수 0 2025. 4. 1.
[DB] Connection Pool, HikariCP JDBC API를 사용하여 DB와 연결하기 위해 Connection 객체를 생성하는 작업은 비용이 많이 드는 작업 중 하나이다.이러한 문제를 해결하기 위해 애플리케이션 로딩 시점에 Connection 객체를 미리 생성하고,애플리케이션에서 데이터베이스에 연결이 필요할 경우 미리 준비된 Connection 객체를 사용하여 애플리케이션의 성능을 향상하는 커넥션 풀 (Connection Pool)이 등장하였다. Connection PoolJava에서 JDBC의 Connection Pooling을 관리하는 라이브러리빠르고 안정적인 성능으로 많은 Spring Boot 및 Java 기반 애플리케이션에서 사용된다 커넥션 풀이란 (Connection Pool)1) 커넥션 풀 (Connection Pool) (1) .. 공감수 2 댓글수 0 2025. 3. 27.
[Springboot] Client-Server 구조 정리 Client (사용자)URL 입력, 링크 클릭 등 다양한 이벤트를 통해 HTTPS(443) 요청 발생브라우저는 요청을 도메인 기반으로 DNS 조회 → IP 주소로 전환443 포트를 리스닝 중인 Apache HTTP Server로 전달 Apache HTTP Server (httpd) HTTPS 요청을 수신 (443 포트)SSL 처리 (HTTPS 복호화 → 평문 HTTP)정적 리소스 제공 (HTML, JS, 이미지 등 직접 응답 가능)동적 요청은 리버스 프록시로 Tomcat에 전달(보통 ProxyPass, ProxyPassReverse 사용) Apache Tomcat (WAS)Apache로부터 들어온 요청을 Tomcat의 Connector가 수신 (8080, 8009 등)Connector는 요청을 서블릿 컨.. 공감수 2 댓글수 0 2025. 3. 26.
FETCH JOIN FETCH JOINORM(Object-Relational Mapping) 프레임워크나 SQL에서 JOIN 된 엔티티를 한 번의 쿼리로 가져오는 기법일반적으로 SQL의 JOIN은 기본적으로 지연 로딩(Lazy Loading) 방식으로 동작한다FETCH JOIN을 사용하면 즉시 로딩(Eager Loading) 방식으로 가져와 여러 번의 쿼리를 실행(N+1) 하는 것을 방지할 수 있다2. FETCH JOIN in SQL (JPA / Hibernate)📌 일반 JOIN (Lazy Loading)SELECT e FROM Employee e JOIN e.department d;이 경우, 지연 로딩(Lazy Loading)으로 처리되며, department 데이터는 필요할 때 추가 쿼리가 발생한다📌 FETCH J.. 공감수 0 댓글수 0 2025. 3. 18.
HTML DOM(Document Object Model) 🔹 DOM이란?DOM (Document Object Model) 은 문서(Document) 를 객체(Object) 로 표현하는 모델(Model) 이다.문서 객체: , 같은 HTML 태그를 JavaScript가 조작할 수 있도록 객체로 변환한 것.모델: 문서 객체를 트리(Tree) 구조로 표현하여 브라우저가 HTML을 이해하는 방식. 🔹 DOM의 역할웹 브라우저는 HTML 문서를 트리 구조로 변환하여 이해하고, JavaScript는 이를 활용해 검색, 수정, 추가, 삭제 등의 작업을 수행할 수 있다. 🔹 Tree 구조란?Root Node: 최상위 노드로, DOM에서는 이 해당된다.Parent & Child: 상위 노드를 부모(Parent), 하위 노드를 자식(Child)이라 한다.Leaf Node:.. 공감수 1 댓글수 0 2025. 3. 18.
MSA(Microservices Architecture) 의 Buffer 보호되어 있는 글입니다. 공감수 0 댓글수 0 2025. 3. 4.
Comparable VS Comparator Comparable과 Comparator는 객체 정렬 시 사용되는 인터페이스다.JIT 컴파일러 최적화 덕분에 성능 차이는 거의 나지 않으며, 사용 목적과 방식에 따라 적절하게 사용하여야 한다 [Java] JIT 컴파일러란?JIT 컴파일(just-in-time compilation) 또는 동적 번역(dynamic translation)은 프로그램을 실제 실행하는 시점에 기계어로 번역하는 컴파일 기법이다. 컴파일러 vs 인터프리터 컴파일러와 인터프리터 모두 highhyeinisfree.tistory.com ✅ Comparable객체 클래스에서 Comparable 를 implements 한 후, compareTo(T o) 를 구현객체 자신과 다른 객체를 비교하는 방식Collections.sort() 또는 A.. 공감수 1 댓글수 0 2025. 3. 2.
RestTemplate, WebClient, RestClient, FeignClient Spring에서 HTTP 통신을 수행하는 방법에는 여러 가지가 있다.많이 사용되는 세 가지 방법(RestTemplate, WebClient, RestClient)과이외에 사용 가능한 HTTP 통신 방법까지 정리하려고 한다. 1. RestTemplate (Spring 3~4)✅ 특징동기(Synchronous) 방식의 HTTP 클라이언트RestTemplate 객체를 사용하여 간단한 API 호출이 가능Spring 5 이후로는 권하지 않는 방법 RestClient 알아보기 (RestTemplate이 Deprecated 된다고요?)Spring Boot 3.2에 새롭게 추가된 RestClient에 대해 알아보자.spring docs의 RestTemplate에 대한 설명에 위와 같은 NOTE가 추가되었다. Spr.. 공감수 1 댓글수 0 2025. 2. 15.
[ChatGPT]Chat completions VS Completions API ChatGPT API는 Chat completions와 Completions으로 구분된다 🔹 1. Chat Completions API(GPT-4, GPT-3.5 사용 가능, gpt-4, gpt-3.5-turbo 모델 사용)✅ 특징대화형 메시지 형식을 사용 (messages 배열)시스템 메시지를 통해 모델의 톤이나 역할을 지정 가능대화 히스토리를 관리하여 맥락(Context) 유지 가능다중 발화자 지원 (ex. 시스템, 사용자, 모델)🏆 장점✔️ 맥락 유지: 이전 대화 내용을 기억하고, 연속적인 대화 가능✔️ 역할 지정 가능: 시스템 메시지를 통해 모델의 역할을 설정 가능✔️ 유연한 인터페이스: 실제 챗봇이나 고객 지원 시스템 등에 최적화⚠️ 단점❌ 비용: 같은 입력 길이일 때, 일반 Completi.. 공감수 0 댓글수 0 2025. 2. 3.
[CS]cache: Redis VS Memcached Redis와 Memcached는 둘 다 분산 캐시로 사용되는 인메모리 데이터 저장소이지만 여러 차이점들이 존재한다.데이터 구조Redis단순한 key-value 저장소뿐만 아니라 다양한 데이터 구조를 지원 다양한 종류의 데이터 처리에 적합하다.문자열, 리스트(List), 해시(Hash), 셋(Set) 등Memcached오직 단순한 key-value 데이터 구조만 지원한다. 문자열(String)만 저장할 수 있다. 영속성 (Persistence)Redis: 영속성(Persistence) 을 보장한다. Memcached: 영속성을 보장하지 않는다. 복제(Replication) 및 클러스터링(Clustering)Redis복제 기능을 제공하며, 클러스터링을 통해 여러 서버 간에 데이터를 분산 처리할 수 있다.이를.. 공감수 0 댓글수 0 2024. 9. 25.
[Springboot] JWT 0.15.2 이번 프로젝트에서는 최신 기술스택을 사용하기로 하였기에,이전에는 jwt 0.11.5 버전을 사용하였으나 이번에는 2024년 기준 최신 버전인 0.15.2 버전을 사용하기로 했다. maven Repository: https://mvnrepository.com/artifact/io.jsonwebtoken/jjwt-api gradle implementation group: 'io.jsonwebtoken', name: 'jjwt-api', version: '0.12.5' runtimeOnly group: 'io.jsonwebtoken', name: 'jjwt-impl', version: '0.12.5' runtimeOnly group: 'io.jsonwebtoken', name: 'jjwt-ja.. 공감수 0 댓글수 0 2024. 6. 22.
[CS] REST, RESTful API란? REST는 "Representational State Transfer"의 약자로, 웹의 장점을 최대한 활용하면서 분산 시스템을 설계하기 위한 원칙과 패턴을 제시한다. REST의 주요 개념1. 자원(Resource) - REST에서는 해당 소프트웨어가 관리하는 모든 것이 자원이다. 자원은 URI(Uniform Resource Identifier)로 식별한다. - 예를 들어, 사용자를 나타내는 자원은 `/users`와 같이 표현할 수 있다. 2. 표현(Representation) - 자원은 다양한 형태로 표현할 수 있다. 일반적으로 JSON, XML, HTML 등을 사용한다. - 클라이언트는 서버에서 자원의 표현을 받아 상태를 전송받는다. 3. 상태 전이(State Transfer) .. 공감수 0 댓글수 0 2024. 5. 24.
[Network] 실시간 통신 - webSocket webSocket 서버 - 클라이언트 간 언제든 양방향 통신 및 데이터 전송이 가능하도록 Socket Connection을 유지하는 기술이다. SNS, LoL같은 멀티플레이어 게임, 구글 Doc, 증권거래, 화상채팅 등 Real-time web application구현을 위해 널리 사용되고 있다. 연결단계 1. HTTP 통신을 통해 서버에 연결한다. (일반 웹 브라우저에서 서버로의 일반적인 HTTP 요청과 응답과 동일) 2. 연결 후, webSocket을 사용하여 실제 양방향 통신을 위한 Socket Connection을 설정한다. HTTP Upgrade header를 사용하여 HTTP 프로토콜에서 WebSocket 프로토콜로 전환(WebSocket HandShake) 3. webSocket연결 후, H.. 공감수 0 댓글수 0 2024. 1. 31.
[Network] 실시간 통신 - AJAX(polling, long polling, streaming) 통신을 하기 위해서는 3-way handshake를 통해 연결하는 과정을 거치고, 데이터 전송 후, 4-way handshake를 통해 연결을 끊는 과정을 거친다. 이 3-way handshake와 4-way handshake과정은 4계층의 TCP통신을 통해 이루어지고, HTTP통신은 7계층에서 데이터를 전송하는 부분만 담당한다. 즉, OSI 4계층에서 3-way-handshake로 연결과정을 거치고 7계층에서 HTTP 기반으로 데이터 전송을 하고 다시 4계층에서 4-way-handshake로 연결을 끊는 과정을 거친다. HTTP통신은 TCP통신과는 다르게 일반적으로 클라이언트가 서버에게 요청을 보내고, 서버가 클라이언트에게 응답을 보내는 단방향 통신이다. 오늘은 실시간 양방향 통신에 대한 기술들을 정리.. 공감수 0 댓글수 0 2024. 1. 31.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.