Amada Coding Club

요새 패스트 캠퍼스 강의를 듣고 있다. 첫 번째 강의로 바닐라JS를 통한 개발을 하고 있는데 여기서 웹팩을 다뤘다. 기록 안 하면 또 까먹을 것 같아서 기록한다. 일단 Webpack이란 무엇일까? 공식 사이트에 나온 내용은 웹팩은 모듈 번들러라고 한다. 모듈은 뭐고 번들은 뭘까? 아주 쉽게 설명하면 모듈은 각각의 각각의 자바 스크립트 파일, 번들은 그 파일들을 하나로 합친걸 말한다. 궁금증이 들었다. 하나로 합치는 게 도대체 뭐가 좋을까? 장점은 다음과 같다. 여러 JS를 하나로 압축하기 때문에 로딩에 대한 네트워크 비용을 낮춰준다 모듈 단위 개발이 가능해 가독성과 유지보수가 쉽다. 최신 JS를 지원하지 않는 브라우저에서 사용할 수 있는 코드로 쉽게 변환해준다. 나도 자세하게 알지 못하지만 사용자가 사이..

그분과 함께하는 차빼주세요나 이번 졸업 프로젝트나 기능에 채팅 기능이 들어간다. 그래서 채팅 기능을 연습하려고 리액트 채팅 구현을 찾아보니 웹소켓을 이용해서 채팅 기능을 구현한다고 나와있었다. 웹소켓이란 무엇일까? https://choseongho93.tistory.com/266 [웹소켓] WebSocket의 개념 및 사용이유, 작동원리, 문제점 오늘은 웹소켓에 대해 알아보겠습니다. ● 웹소켓(WebSocket)의 배경 : 인터넷이 나오고 HTTP를 통해서 서버로부터 데이터를 가져오기 위해서는 오로지 URL을 통한 요청이 유일한 방법이었습니다. 때 choseongho93.tistory.com 이분의 내용을 참고했다. 우리가 인터넷에서 HTTP를 이용해서 서버에 데이터를 가지고 오기 위해선 요청을 통해 데..

https://velog.io/@c-jeongyyun/React-Eslint-%EA%B4%80%EB%A0%A8-%EC%98%A4%EB%A5%98-%ED%95%B4%EA%B2%B0%ED%95%98%EA%B8%B0 [React] Eslint 관련 오류 해결하기 babel-eslint 말고 @babel/eslint-parser 로 ! velog.io 자세히 보면 첫 번째 경로의 system32와 두 번째 경로의 System32가 대소문자가 다르다는 걸 알 수 있다. 최신 리액트에선 대소문자를 구분하기 때문에 이 부분에서 충돌이 발생한다고 한다. 그래서 소문자로 수정해준다. 아니면 사용하는 eslint-config-react-app의 버전을 6으로 낮추는 방법도 있다 // 현재 설치된 버전 삭제 yarn rem..