Web Study/Slack 클론 코딩2 슬랙 클론 코딩 - 2 프론트 입장에서 로그인이 된 것의 여부를 알려면? 이때 로그인 정보를 state에 저장하게되면 한가지 컴포넌트에서만 로그인 여부를 알 수 있게 되므로 여러 컴포넌트에서 로그인된 데이터를 사용해줘야 하므로 리덕스로 관리해줄 필요성이 생긴다. 다만 리덕스를 사용하지 않고, Context API SWR 를 사용하여 전역적으로 상태 관리를 할 수 있다. --- 리액트로 비동기 통신을 다루기 위해 redux-saga, useSWR, react-query 등이 있는데.. 리덕스의 경우 하나의 액션을 작성하는데 많은 부가적 코드가 필요하므로 SWR 설정하기 주로 GET 요청을 저장하기 위해 사용 (POST 도 가능은 함) 다만 로그인은 POST 요청이므로 POST 이후에 GET 요청을 또 보내줄 필요가 있음 npm .. 2023. 4. 23. 슬랙 클론 코딩 - 1 백엔드 세팅해주기 MySQL : database(==Schema) -> table -> row 계층 구조 더보기 질문 잘하기! - 에러 메세지를 정확히 - 코드를 보여준다 - 줄넘김, 들여쓰기를 제대로한 코드를 첨부 - 어떤 작업을 하는 코드인지 - OS나 버전 기재 - 이미 시도해본 것들은 미리 기재 프론트 기본 세팅하기 .eslint .prettierrc 등 기본 파일 컴파일? tsc -> js tsc -> babel -> js ✔️ babel 과 webpack 설정 .. 아니 무슨 세팅이 이렇게 어렵나......그냥 따라치기만 했음 아직은 너무 어려운 개념 같다.. 코드 스플리팅 보통 웹팩에 의해 자바스크립트 파일은 하나의 파일로 합쳐지게 되는데 모든 자바스크립트를 묶어서 빌드하면 파일의 크기가 커.. 2023. 4. 21. 이전 1 다음
