네트워크/CS Study
-
[Why?] CRA => Vite네트워크/CS Study 2023. 10. 2. 20:49
Vite를 사용하면서 우리가 누릴 수 있는 이점 vite란? - 2세대 번들링 툴로써 빠르고 간결한 모던 웹 프로젝트 개발 경험에 초점을 맞춰 탄생한 빌드 도구이다. - 기존 webpack에 비해 뛰어난 성능을 자랑한다. 번들링이란? - JS 파일을 하나로 합쳐주는 방식으로써 번들링 툴이랑 같이 사용해야 한다. - 작성한 소스코드나 설치한 라이브러리의 용량이 매우 크므로 묶어주는 작업이라고 생각하면 된다. (압축?) 1세대와 2세대 비교 1세대 : webpack(대표적인 번들링 툴) - 자체의 문제점이 있었다 - 라이브러리가 많아지면 번들링이 매우 오래걸리는 문제점이 있었다 - 번들링이 오래걸리면 미리보기 (개발환경) 에서 불편함이 많다 - 소스코드 수정 or 라이브러리 install시에 새롭게 번들링을..
-
[CS study] 개발자도구네트워크/CS Study 2023. 9. 6. 14:09
개발자 도구의 활용을 잘해야 더욱 좋은 개발자가 될 수 있겠다고 느끼게 된 계기로써는 클론코딩을 하면서 처음으로 느꼈던 것 같다 처음에는 그냥 단순히 Style에 관련 된 내용과 HTML이 어떻게 구성이 되어있는만 간단하게 확인을 하다가 점차 Network의 상태를 통해서 Preview로 SSR로 넘어오는데이터를 체크하고 Lighthouse로 성능을 측정하고 localstorage와 cookie에 값을 저장하는 것을 확인하면서 다양하게 여러방면으로 활용이 되고 활용을 해야 개발을 잘 할 수 있다고 느꼈기 때문에 조금이나마 몰랐던 사용방법이 있다면 도움이 되었으면 한다. 기본적인 Console, Element에 관한 얘기보다는 이런 기능도 있었네 라는 요소를 적을 생각임 1. 스크린샷 기능 현재 windo..
-
[CS study] TS vs JS네트워크/CS Study 2023. 8. 28. 06:20
js 와 ts 의 가장 큰 차이점은 type의 정의를 하느냐 안하느냐이다 type이란 선언시에 자료형을 명시해서 어떤 특정 값(변수, 함수)이 어떤 자료형을 가지는지 정의를 하는 것이라고 생각하면 된다. ts를 사용하면 js에서는 발생할 수 없는 compile error를 통해서 좀 더 쉽게 에러의 원인을 찾을 수 있다 runtime error 와 compile error에 대해서 간단하게 말하자면 compile error는 변수를 선언하는 과정에서 미리 선언한 자료형이 아닌 다른 것이 와서 compile 하는 과정에서 발생하기 때문에 runtime 과정으로 가기 이전에 어떤 문제가 있는 지 알 수 있는 장점이 있고 이게 ts를 통해서 error를 좀 더 쉽게 찾을 수 있는 이유가 된다. 하지만 간단한 ..
-
[CS study] TCP / UDP네트워크/CS Study 2023. 8. 21. 14:24
송신자와 수신자를 연결하는 통신서비스를 제공하고 IP에 의해 전달되는 패킷의 오류를 검사하며 재전송 요구 제어 등을 담당하는 계층에서 사용되는 프로토콜 (OSI 4계층, 전송계층) 데이터의 전달을 담당한다 공통점 포트번호를 이용하여 주소를 지정하고 데이터 오류검사를 위한 체크이 존재한다 차이점 TCP는 정확성 (컴퓨터가 서로 보냈습니다, 받았습니다 와 같은 메세지를 주고받음으로써 통신의 신뢰도를 높인다 웹, 메일, 파일 공유 등과 같이 데이터를 누락시키고 싶지 않은 서비스에서 주로 사용됨) UDP(VoIP와 같이 시간 동기가 필요한 서비스들에 많이 사용되며 데이터를 보내면 그것으로 끝이므로 신뢰성은 없지만 신속성은 높다)는 신속성을 추구하고 있다 포트번호로 서비스를 식별한다 0 ~ 65535까지의 숫자로..