분류 전체보기
-
[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까지의 숫자로..
-
[CS study] 로컬스토리지 세션스토리지카테고리 없음 2023. 8. 14. 09:17
클라이언트(브라우저)에 데이터를 저장할 수 있는 기술이다 웹스토리지란? 브라우저 개발자도구에서 애플리케이션 탭을 보면 스토리지가 여러가지가 있다는 것을 알 수 있다 이중에서 자주 사용하는 2개가 로컬/ 세션 스토리지이다 키와 값의 쌍으로 이루어진 간단한 데이터가 저장됨 저장한데이터가 어떠한범위내에서 얼마나 오래 보관되냐에 따라 둘의 차이점이 있다 세션스토리지는 웹페이지의 세션이 끝날 때 저장 된 데이터가 지워짐 로컬스토리지는 안지워짐 localStorage.setIemt("a", 1) a라는키에 1이라는 값을 넣어서 로컬스토리지에 넣겠다 다른 탭를 열어도 동일한걸 알 수있고 다른 탭에서 수정하면 이전 탭도 수정이 된다 세션스토리지는 아니다 탭마다 다른 값이 있는 것을 알 수 있다. 로컬스토리지와 세션스토..