일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 스파르타코딩클럽
- routing
- CI/CD
- Github Actions
- Preview
- 배포
- 브라우저 렌더링
- react
- qwe
- 후기
- 항해99
- Redux
- 비동기
- previousState
- 7기
- 접근 제한 라우팅
- 미리보기
- FileReader
- S3
- setstate
- updater
- 동기
- rendering
- imagePreview
- socket.io
- 채팅방
- 개발
- 라우팅
- useEffect
- route
- Today
- Total
목록2022/06/26 (2)
삐옹
이번 실전 프로젝트에서 실시간 채팅을 구현하기로 하였다. 지금껏 한번도 socket.io를 다뤄본적도, 사실 그게 뭔지도 모르기 때문에 혼자서 socket.io를 이용해서 실시간 채팅 웹 사이트를 구현해보기로 했다.🌝 What Socket.IO is Socket.IO is a library that enables real-time, bidirectional and event-based communication between the browser and the server. It consists of: a Node.js server: Source | API a Javascript client library for the browser (which can be also run from Node.js): S..
싱글스레드 - 자바스크립트는 싱글스레드 언어이다. - 싱글 스레드? 자바에서는 각 스레드 별로 역할을 지정해줄 수 있다. (이 일은 스레드 A에서 하고 저 일은 스레드 B에서 해야지) - 근데 자스는 그렇게가 안됨. 그런데도 우리가 쓰는 대부분의 앱들을 동시적(실은 동시적이 아니라 contetxt switching이 일어난다) 으로 돌아간다. - 그 이유는 바로 js가 실행되는 브라우저에는 여러가지 쓰레드가 들어있기 때문이다. 그래서 웹 API들을 이용하게되면 멀티스레딩이 가능하다. 게다가 이벤트 루프를 사용해서 더 다양한 동작을 실행할 수 있다. 구조 자바스크립트 엔진은 변수를 생성해서 오브젝트를 할당하거나 문자, 숫자 할당하게 될때 저장하는 memory heap과 실행되는 함수를 차곡차곡 쌓아놓는(L..