일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- Atomic Design
- react
- Atomic Design 패턴으로 페이지 만들기
- 스타일 컴포넌트
- 배포자동화
- 개발
- 배포
- backend
- 롱 폴링
- docker
- 리액트
- yarn-berry
- styled-components
- git-hooks
- methodreference
- 캐시
- 디렉토리이동
- 쿠버네티스
- Kubernetes
- deployment
- 도커
- 소켓IO
- 자동화
- aws
- 인프라
- redis
- 예제
- 백엔드
- GHCR
- Infra
- Today
- Total
목록웹 (2)
SLASH 기술 블로그
시작하기 최근에 브라우저상에서 실시간 통신이 필요한 웹 사이트를 만든 적이 있다. 관련해서 Socket.IO라는 라이브러리를 활용하게 되었는데, 이 과정에서 Socket.IO가 무엇인지 어떤 이유로 사용하게 되었는지 이 글을 통해 실시간 통신을 하기 위해 알아야 하는 것들을 정리해보려고 한다. HTTP 통신의 특징 보통 우리가 웹 사이트를 접속할 때, URL을 통해 "http://domain.com", "https://domain.com"이러한 도메인 주소를 입력해서 접속한다. 이때 도메인 맨 앞에 HTTP라는 텍스트를 붙이는데, 이것이 바로 웹브라우저상에서 데이터를 주고받는 프로토콜이다. 프로토콜은 간단하게 말해서 하나의 규칙인데, 웹브라우저 상에서는 HTTP라는 규칙을 통해 통신한다고 생각하면 된다...
얼마 전부터 nginx라는 키워드가 눈에 밟히기 시작했다. 도커를 공부하는데 보는 글마다 nginx 이미지를 쓰고 있고, 쿠버네티스의 Ingress에서는 nginx ingress controller를 쓴다고 하고.. 심지어 사이트가 죽거나 했을 때 보게 되는 502 Bad Gateway 화면에도 nginx라는 단어가 들어가있다! 사실 nginx가 통칭 HTTP 서버라는 건 어느 정도 들어서 알고 있었지만, 구체적으로 무엇을 하는 녀석인지는 몰랐다. 직접적으로 사용하지는 않는데, 남들이 다 쓰는 그 용어.. 대체 무슨 뜻인지 궁금한 사람들이 있을까 싶어, 한 번 정리해보았다. HTTP 서버, 웹 서버 nginx가 웹 서버라는 건 워낙 유명하다. 위키 백과에서도 nginx를 웹 서버 소프트웨어라고 이야기하고..