![[React] JSX](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FRgBeH%2FbtsJ3jhFlz6%2FfuLjMSfSzrkm6wr58u2Bck%2Fimg.png)
📚 JSX란 무엇인가요?JSX는 JavaScript XML의 약자로, 자바스크립트 안에서 HTML과 유사한 문법을 사용할 수 있게 해주는 리액트의 특별한 문법이에요. JSX를 사용하면 UI를 정의할 때 가독성이 높아지고 더 직관적으로 코드를 작성할 수 있어요. 사실 JSX는 자바스크립트의 확장 문법으로, 자바스크립트 코드로 변환돼요. 그 결과, 자바스크립트와 HTML의 장점을 결합한 형태라고 볼 수 있어요. JSX는 자바스크립트와 HTML이 결혼한 것과 같아요. 각각 따로 사용할 수 있지만, JSX를 통해 둘을 함께 사용하면 더 편리하고 강력한 힘을 발휘하게 되죠.🖥️ JSX의 기본 개념과 HTML과의 차이점1. JSX의 기본 문법JSX는 HTML과 매우 유사한 구조를 가지고 있지만, 실제로는 자바스..
![[HTML] 웹 소켓(WebSocket)](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2F4k5dr%2FbtsGexbPlkO%2FkHvpXwMAXC3KDqRRAEWMc0%2Fimg.png)
📚 웹 소켓(WebSocket)이란 무엇인가요? 웹 소켓은 실시간, 양방향 통신을 가능하게 해주는 기술이에요. 웹 페이지와 서버 간에 지속적인 연결을 유지하며, 데이터를 실시간으로 주고받을 수 있어요. 이는 채팅 애플리케이션, 온라인 게임, 실시간 거래 플랫폼 등에서 널리 사용돼요. 웹 소켓을 사용하는 것은 마치 전화 통화를 하는 것과 비슷해요. 전화를 걸면 상대방과 바로 대화를 시작할 수 있듯이, 웹 소켓을 통해 웹 페이지와 서버가 실시간으로 '대화'를 나눌 수 있죠. 이전의 기술들은 마치 편지를 주고받는 것처럼 일방적이고 느렸지만, 웹 소켓은 양방향 통신을 통해 정보를 즉각적으로 교환할 수 있게 해 줘요. 🖥️ 웹 소켓의 사용 웹 소켓을 사용하면 웹 애플리케이션에서 실시간으로 데이터를 주고받을 수 있..