일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 비동기
- FileReader
- react
- 채팅방
- 접근 제한 라우팅
- updater
- 7기
- socket.io
- CI/CD
- 동기
- S3
- 라우팅
- routing
- qwe
- previousState
- imagePreview
- setstate
- route
- Redux
- useEffect
- 개발
- 스파르타코딩클럽
- 브라우저 렌더링
- 후기
- rendering
- Preview
- 미리보기
- Github Actions
- 배포
- 항해99
- Today
- Total
목록2022/09/01 (3)
삐옹
WebSocket WebSocket은 서버와 클라이언트 간에 효율적인 양방향 통신을 하기 위한 프로토콜입니다. 웹 소켓이 나오기전에는 클라이언트 측에서의 요청이 없으면, 서버로부터 응답을 받을 수 없는 구조였습니다. 하지만 웹 소켓을 이용하면 하나의 http 접속만으로도 서버와 양방향으로 데이터를 주고 받을 수 있습니다. 그래서 새로고침이나 새로운 페이지로의 이동이 없이도 새로운 데이터를 받을 수 있습니다. 문제점 1. http와는 달리 stateful Protocol 이기때문에 서버와 클라 간 연결이 비정상적으로 끊어졌을 때를 대비해 코드를 쨔야하기때문에 복잡해질 수 있음. 2. socket연결을 유지하는 것 자체가 비용이 든다 - 특히 트래픽 양이 많은 서버 같은 경우엔 CPU에 큰 부담이 갈 수 있..
http와 https 서로 다른 시스템 간에 통신을 주고받게 해주는 가장 기초적인 프로토콜입니다. 그런데 http 프로토콜은 데이터가 암호화되지 않은 방법으로 데이터를 전송하기 떄문에 서버와 클라이언트 간 주고받는 데이터가 쉽게 도난 당할 수 있는 문제점이 있습니다. 그래서 이를 보완한 것이 https입니다. https는 ssl을 사용함으로써 클라이언트와 서버 간 암호화된 연결을 도와주고 도난당하는 것을 막아줍니다. SSL인증서는 데이터를 암호로 바꾸어줍니다. 또한 http에서 https로 전환하게되면 SEO에도 유리합니다. 🙇🏻참고 https://brunch.co.kr/@hyoi0303/10 HTTP와 HTTPS 차이점 디자이너가 개발자와 일 하다 보니 (2) | 지난 2014년 구글에서는 HTTP를 ..
리액트에서 전역 상태 관리는 어떻게 이루어지나요?(redux 기준) 전역 상태를 위해 Redux, Context APi, Mobx, recoil 등의 라이브러리를 이용할 수 있습니다. 그 중 대표적인 redux로 설명을 하자면 컴포넌트에서 액션크리에이터로 액션을 발생시키고 그 액션을 디스패치를 통해 실행시킵니다. 그러면 reducer에서는 해당 액션과 매칭되는 액션이 있는지 확인하고 데이터를 업데이트 시킵니다. 이 모든것을 store라는 하나의 저장소에서 관리합니다 recoil 사용 이유?(*난 recoil을 사용했다) 애플리케이션의 규모가 커질 수록 전달해야 하는 props들이 많아지게 되는데 이 경우 코드가 지저분해지고 상태값 관리가 복잡해져 props-drilling이 일어나게됩니다. 이를 막기위해..