Slack Clone 코딩 (실시간 채팅 with React Typescript)강의 url - https://www.inflearn.com/course/%ED%81%B4%EB%A1%A0%EC%BD%94%EB%94%A9-%EC%8B%A4%EC%8B%9C%EA%
package.json을 만들때 name이 제일 중요 (다른 package의 name과 겹치면 오류가 발생함)노드 프로젝트를 시작하기 위해 최초에 사용되는 파일 (npm install)패키지가 다른 패키지를 의존(사용)하고 있다는 의미의존하고 있는 패키지가 모두 다운로
이메일, 닉네임, 비밀번호, 비밀번호확인 컴포넌트 생성각각의 항목의 상태값을 저장할 수 있는 state생성각각의 항목 필터 상태값 추가 - 에러 체크 (비밀번호 확인, 입력값 확인, 로그인 실패, 성공 등등)로직에서 중복되는 값을 찾아 제거 - 커스텀 훅 생성사용자 정
랜덤으로 아이콘(프로필, 썸네일 등)을 만들어주는 라이브러리 라이브러리 검색 > 타이틀 옆 TS, DT등에따라 추가설치가 필요한 패키지가 존재함1\. TS : Typescript를 포함하고 있기때문에 @types를 따로 설치하지 않아도 됨2\. DT : Typescri
devServer에서는 proxy서버 설정을 사용하여 api호출할때 localhost를 지워준다빌드 > 배포 후 실제 서버에서 localhost를 사용하지 않음.proxy서버 설정은 devServer에 적용되어 있기때문에 실제 빌드 후 배포 파일에는 포함되지 않음변수명
JavaScript를 이용하여 브라우저 종류에 상관없이 실시간 웹을 구현할 수 있도록 한 기술emit: 클라이언트에서 서버로 데이터를 전송할 때 사용하는 메소드on: 서버에서 클라이언트로 데이터를 전솔할 때 사용하는 메소드설치)사용)참조 및 정보 - 링크HOC는 컴포넌
번들링 된 js파일의 용량을 확인해 볼 수 있는 라이브러리배포모드에서 용량 확인하여 최적화를 진행 (트리쉐이킹 / 코드스플리팅 등)drag 및 dragover이벤트를 정의이벤트의 대상요소에 drop이벤트 핸들러가 필요// 이미지 & 파일을 드롭 했을 때 처리 방식
drag 및 dragover이벤트를 정의이벤트의 대상요소에 drop이벤트 핸들러가 필요// 이미지 & 파일을 드롭 했을 때 처리 방식사용법