-
소켓 통신
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 맡고 있는 심재철입니다. 채팅, 주식등에서 실시간 통신에 사용되는 웹 소켓에 대해서 알아보겠습니다. HTTP HTTP의 특징을 나열해보겠습니다. 무상태성 HTTP만을 사용하면 서버는 클라이언트가 누구인지 기본적으로 식별하지 못합니다. 왜냐면 HTTP 자체에 어떤 상태가 있는게 아니기 때문입니다. 그렇기 때문에 세션쿠키, JWT등을 사용해서 해당 요청을 보낸 유저가 어떤 유저인지를 식별하게 됩니다. 비 연결성 서버와 클라이언트는 매번 통신할때마다 연결을 맺었다가 끊는것을 반복합니다. 어떤 클라이언트가 서버로 요청을 보냈을때 서버는 그 클라이언트와의 연결을 계속 유지하지 않습니다. 생각해보면 엄청나게 많은...
jaecheol.sim's profile imagejaecheol.sim
2021-05-15 17:00
-
Frontend에서 State를 관리하는 방법
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 맡고 있는 심재철입니다. 오늘은 ContextAPI, Redux, Mobx를 비교하는 글을 써보려고 합니다. Context API는 왜 안쓰나요? 상태 관리 라이브러리를 사용하지 않고 리액트로만 전역 상태를 관리하려면 Context API를 사용해야합니다. 아주 소규모의 서비스라면 Context API로도 충분합니다. 하지만 사이즈가 조금만 커져도 코드가 장황해지고 관리하기가 힘들어집니다. 그 이유는, 바로 성능떄문입니다. 예를들어서, function UserProvider({ children }) { const [user, setUser] = useState(null); const PassToChild = { user, setUser }; return <UserContext.Provider value={PassToChild}>{children}</UserContext.Provider>; } 이런 유저 데이터를 관리하는...
jaecheol.sim's profile imagejaecheol.sim
2021-04-28 17:00