One more thinking

window.history브라우저의 세션 기록 스택을 조작할 수 있는 API를 제공합니다. 이를 통해 사용자는 브라우저의 뒤로, 앞으로 가기 기능을 제어하고, 현재 URL을 변경하지 않고도 히스토리를 조작할 수 있습니다.주요 메서드 및 속성history.length:현재 세션의 히스토리 스택에 있는 항목의 수를 반환합니다.console.log(history.length);history.back():히스토리 스택에서 이전 페이지로 이동합니다.history.back();history.forward():히스토리 스택에서 다음 페이지로 이동합니다.history.forward();history.go(n):히스토리 스택에서 상대적인 위치로 이동합니다. n이 음수이면 뒤로, 양수이면 앞으로 이동합니다.history...

기술이 된 상상/TIL 2024. 8. 8. 17:37

Viewport는 사용자가 웹 페이지를 볼 수 있는 화면 영역을 의미합니다. 이는 브라우저 창 또는 화면의 가시 영역을 나타내며, 특히 모바일 장치에서 중요한 개념입니다. 다양한 디바이스와 화면 크기가 있는 환경에서 웹 페이지가 어떻게 보일지 제어하는 데 사용됩니다.주요 속성width: viewport의 너비를 설정합니다. 값으로 device-width를 사용하면 디바이스의 너비에 맞춰집니다.height: viewport의 높이를 설정합니다. 일반적으로는 잘 사용되지 않습니다.initial-scale: 초기 확대/축소 비율을 설정합니다. 기본값은 1.0입니다.minimum-scale: 사용자가 페이지를 축소할 수 있는 최소 비율을 설정합니다.maximum-scale: 사용자가 페이지를 확대할 수 있는 최..

기술이 된 상상/TIL 2024. 8. 6. 12:08

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