One more thinking

ArrayBufferJavaScript에서 바이너리 데이터(원시 이진 데이터)를 다루기 위해 사용되는 객체이는 고정 길이의 원시 이진 데이터 버퍼를 나타내며웹 애플리케이션에서 파일 읽기, 네트워크 통신, 그래픽스 등 다양한 용도로 사용될 수 있습니다.기본적으로 ArrayBuffer는 크기만 정해진 연속적인 메모리 블록이를 직접적으로 조작하기 위해 TypedArray와 같은 뷰(View) 객체와 함께 사용됩니다 주요 특징고정 길이: 생성 시 크기를 지정하며, 한 번 생성된 ArrayBuffer의 크기는 변경할 수 없습니다.바이트 단위 접근: 데이터는 바이트 단위로 저장되며, 다양한 형식으로 해석될 수 있습니다.다양한 뷰: ArrayBuffer를 여러 형식으로 해석할 수 있도록 다양한 TypedArray 뷰..

기술이 된 상상/TIL 2024. 8. 5. 11:24

한글 이름으로 된 파일을 다운로드 할 때 파일 이름이 깨질 때 그 원인와 해결 방법 파일 이름이 깨지는 이유 한글 이름의 파일이 다운로드 할 때 깨지는 이유는 한글 문자열의 유니코드 정규화 방식의 차이 때문입니다. ex) 한글.txt ☞ ᄒ+ᅡ+ᆫ+ᄀ+ᅳ+ᆯ.txt 유니코드 정규화 방식 운영체제에 따라 문자열을 정규화하는 방식에 차이가 있습니다. 보통 유니코드 정규화 방식에는 두 가지가 있습니다. NFC (Normalization Form Canonical Composition): 이 형식은 문자열을 정규화하고, 가능한 한 단일 코드 포인트로 표현되도록 합니다. 대부분의 경우에서 이 형식을 사용하는 것이 좋습니다. NFD (Normalization Form Canonical Decomposition): ..

기술이 된 상상/TIL 2023. 11. 11. 06:21

전화 걸기 기능 웹페이지에서 전화 앱을 연결하는 기능입니다. PC의 경우는 전화를 사용할 수 있는 앱이 호출 됩니다. MAC에서는 FaceTime이 열리네요. 모바일에서는 전화번호가 입력된 전화 화면으로 바로 연결됩니다. HTML a 요소 사용 To create a link to a telephone number, use tel: inside the href attribute: +47 333 78 901 Javascript window.location.href 사용 To create a link to a telephone number, use tel: inside the href attribute: +47 333 78 901 W3Schools online HTML editor The W3Schools o..

기술이 된 상상/TIL 2023. 11. 9. 17:27

Array객체 sort 메소드 자바스크립트 Array의 내장함수 sort. 쉽게 정렬을 위해 사용할 수 있는 내장함수다. arr.sort([compareFunction]) 매개변수 compareFunction: 정렬 순서를 정의(Optional) 함수의 파라미터 값을 통해 전달된 인자를 비교하여 정렬의 순서를 정한다. 파라미터는 배열 내 요소 값 두 개가 주어진다. function(a, b) { // 비교 순환 시작 // 첫번째 순환 // a: 배열의 두번째 인자 // b: 배열의 첫번째 인자 // 두번째 순환 // a: 배열의 세번째 인자 // b: 배열의 두번째 인자 // ... // 마지막 순환 // a: 배열의 마지막 인자 // b: 배열의 마지막 직전 순서 인자 } 함수를 정의하지 않으면 유니코..

기술이 된 상상 2021. 4. 1. 17:08

String객체 replace/replaceAll 메소드 replace str.replace(regexp|substr, newSubstr|function) 첫번째 인자(regexp | substr) : 찾을 문자열 regexp : 정규식 객체 혹은 리터럴 값 substr : 문자열 값 str 문자열 중에 정규표현식 혹은 string 문자열과 일치하는 값을 찾는다. 두번째 인자(newSubStr | function) : 대체 문자열 newSubStr : 문자열 값 function(match, p1, p2, p3, offset, string) : 변경 절차를 함수로 정의하여 실행 function replacer(match, p1, p2, p3, offset, string) { // p1 is nondigit..

기술이 된 상상 2021. 3. 16. 15:28

정규표현식에 대한 공부를 하려고 마음 먹고도 분량이 많다는 생각에 항상 복붙을 일삼은 날들을 후회하며 만드는 공식만이라도 이해하고 문법을 익혀보도록 한다. 오늘의 목표 16진수를 찾아라!! 1. 문자열 인자를 갖고 있는 배열에서 특정 16진수가 포함된 인자 값을 찾는다. 2. 각 문자열 내부에 16진수가 있다면 16진수를 찾아서 반환한다. * 각 문자열 내부에는 16진수가 여러 개 있고 그 중의 특정 prefix가 붙은 16진수만 찾아야한다. 단계별 목표 1단계 : 16진수 찾기 2단계 : 특정 prefix의 16진수 찾기 3단계 : prefix를 제외한 16진수 값 가져오기 1단계 : 16진수 찾기 String.prototype.match() 함수를 통해 정규표현식으로 찾는다. [string].matc..

기술이 된 상상 2021. 3. 12. 17:09

JSON.stringify() JSON 객체를 다루면서 많이 사용하는 메소드 중의 하나가 stringify와 parse일 것이다. 자바스크립트는 객체를 다른 변수에 할당할 때 기본적으로 주소값을 참조하기 때문에(call by reference) 객체를 복사하기 위해(call by value) 이 두 메소드를 자주 사용하곤 한다. 자주 사용하긴 하지만 다른 용도로 사용해본 적이 없어서, 혹은 정말 목적에 맞게 stringify 할 상황을 맞닥뜨리지 못해서 이 메소드의 사용법을 잘 모르고 지나쳤을지도 모른다. 이번 기회에 stringify 메소드에 대해 다시 명확하게 정리해본다. JSON 표준 내장 객체의 stringify 메소드 stringify() 메소드는 3개의 매개변수가 존재한다. JSON.strin..

기술이 된 상상 2021. 3. 8. 13:30

실행 컨텍스트(Execution Contexts) 자바스크립트 엔진의 실행 원리 실행 가능한 코드가 실행되기 위해 필요한 환경 코드 수행 환경에 대한 여러 가지 정보를 가지고 있는 어떤 장치 코드를 실행하기 위해서 자바스크립트 엔진이 알아야하는 정보 변수 함수 선언 변수의 유효범위(Scope) this 실행 스택(execution stack) LIFO(Last In Frist Out) 실행 컨텍스트는 어떻게 만들어지는가 Creation 단계 1) Lexical Environment 생성 2) Variable Environment 생성 Execution 단계 1. Creation 단계 Lexical Environment 변수나 함수 등의 식별자를 정의하는 객체 식별자와 참조 혹은 값을 기록하는 Enviro..

기술이 된 상상 2020. 6. 9. 09:15