분류 전체보기 (4) 썸네일형 리스트형 FileReader로 파일을 읽는 작업 중 다른 파일의 읽기 작업을 요청하면 어떻게 될까? 웹에서 회원가입 기능을 구현할 때 사용자의 프로필 이미지 입력이 필요하다고 상상해보자. 이때 태그를 사용하여 이미지를 입력받을 수 있다. 웹 API 중 하나인 FileReader는 선택된 파일을 읽기 위한 메서드를 제공하며, 이 메서드를 통해 파일의 내용을 가져와 브라우저에서 미리보기 기능을 제공할 수 있다. 테스트 환경에서는 대체로 작은 크기의 이미지 파일을 사용하기 때문에 파일 읽기 시간이 길지 않다. 그러나 만약 큰 용량의 이미지 파일을 업로드하여 파일을 읽는 데 상당한 시간이 소요된다면 어떨까? 또한, 사용자가 기다리는 도중 다른 이미지로 변경하고자 다시 파일을 선택한다면 어떤 일이 발생할까? 이러한 시나리오에서 FileReader는 어떻게 동작하는지 궁금증이 생긴다. FileReader는 어떻게.. QUIC는 어떻게 Head-of-Line(HOL) Blocking를 피할 수 있을까? 🌱 HTTP에 대해 공부를 하다가 HTTP/3.0의 특징에서 QUIC 프로토콜을 사용하여 HOL Blocking 현상을 제거했다고 알게 되었다. TCP와는 달리 스트림 별로 독립적인 전송을 제공하기 때문에 제거를 할 수 있었다고 하는데, “스트림 별로 독립적인 전송을 한다는 것은 어떤 의미일까?”라는 의문이 생겨 공부하게 되었다. HOL Blocking 현상은 HTTP, TCP, 스위치 및 라우터, 데이터베이스 시스템 등에서 발생하는 현상이다. 이 중에서 우리가 알아갈 것은 HTTP, TCP의 HOL Blocking 현상이 어떻게 발생하며, QUIC이 이를 해결한 방법이다. 먼저 QUIC에 대해 간단하게 알아보자. QUIC은 왜 등장 했을까? QUIC이 등장한 배경은 인터넷의 급격한 발전과 변화에 대응하.. [TypeScript:오류] tsc : 이 시스템에서 스크립트를 실행할 수 없으므로 ... 보안 오류 작업 내용 vsc terminal에 tsc 실행 $ tsc test.ts 오류 내용 tsc : 이 시스템에서 스크립트를 실행할 수 없으므로 C:\Users\cobee\AppData\Roaming\npm\tsc.ps1 파일을 로드할 수 없습니다. 자세한 내용은 about_Execution_Policies(https://go.microsoft.com/fwlink/?LinkID=135170)를 참조 하십시오. 위치 줄:1 문자:1 + tsc test.ts + ~~~~~~~ + CategoryInfo : 보안 오류: (:) [], PSSecurityException + FullyQualifiedErrorId : UnauthorizedAccess 해결 방법 1. Visual Studio Code 관리자 권한으로 .. [TypeScript] 타입스크립트 설치와 사용하기 타입스크립트는 프로그래밍 언어이면서 컴파일러이다. 자바스크립트를 기반으로 한 언어이다. 자바스크립트에서 유효한 코드는 타입스크립트에서도 유효하다 타입스크립트 설치하기 1. Node js 설치 ( https://nodejs.org/ko/ ) Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 2. terminal 또는 명령 프롬프트에서 아래 명령 입력 npm install -g typescript 타입스크립트 사용하기 타입스크립트 파일(test.ts) 컴파일 하기 → 같은 내용의 자바스크립트 파일(test.js) 생성 $ tsc test.ts 결과 값 조회해보기 $ node test.js 타입스.. 이전 1 다음
