본문 바로가기

study/Front

Geolocation API로 실시간 위치 정보 가져오기 Geolocation API로 실시간 위치 정보 가져오기2024. 9. 8. 18:58· JavaScript목차1. Geolocation API란?2. 위치 정보 가져오기: getCurrentPosition()3. 위치 정보 객체 (position) 자세히 알아보기4. 오류 처리5. 위치 요청 시 옵션 설정하기https://developer.mozilla.org/en-US/docs/Web/API/Geolocation_API Geolocation API - Web APIs | MDNThe Geolocation API allows the user to provide their location to web applications if they so desire. For privacy reasons, the u.. 더보기
Geolocation API 사용하기 Geolocation API 사용하기보안 컨텍스트: 이 기능은 일부 또는 모든 지원 브라우저의 보안 컨텍스트 (HTTPS)에서만 사용할 수 있습니다.Geolocation API는 사용자의 현재 위치를 가져오는 API로, 지도에 사용자 위치를 표시하는 등 다양한 용도로 사용할 수 있습니다. 이 글에서는 Geolocation API의 기초 사용법을 설명합니다.geolocation 객체Geolocation API는 navigator.geolocation 객체를 통해 사용할 수 있습니다.geolocation 객체가 존재하는 경우 위치 정보 서비스를 지원하는 것입니다. 객체의 존재 여부는 다음과 같이 알아낼 수 있습니다.jsCopy to Clipboardif ("geolocation" in navigator) {.. 더보기
Github에 100MB 이상의 파일을 올리는 방법 [깃허브 대용량파일업로드] 문제점 Bitbucket과는 달리 Github에는 기본적으로 100MB 이상의 파일을 올릴 수 없다. Conditions for large files — User Documentation https://help.github.com/articles/conditions-for-large-files/ 그래서 100MB보다 큰 크기의 파일을 올리려고 시도하면 다음과 같은 경고 메시지를 보게 된다. $ git push Counting objects: 3086, done. Delta compression using up to 4 threads. Compressing objects: 100% (2980/2980), done. Writing objects: 100% (3086/3086), 363.25 MiB | 935.. 더보기
github - git bash 터미널 계정 변경 팀 프로젝트를 하다보면 기존에 github에서 로그아웃하고 다른 계정으로 작업하고 싶은 일이 생길 것입니다. 전 이 과정에서 많은 시간을 허비했으므로 (....) 기록을 남깁니다. 그 때 작업을 하는 방법을 포스트 하겠습니다. github에 새 repository를 만들고 기존에 하던 방식대로 진행하다보면 $ git push -u origin master 를 하면 remote: Permission to newaccount/projectname.git denied to oldaccount. fatal: unable to access 'https://github.com/newaccount/projectname.git/': The requested URL returned error: 403 newaccount.. 더보기
java script 오늘날짜 입력 HTML의 input 요소의 type 속성을 "text"로 설정하고 사용자가 오늘 날짜를 입력할 수 있도록 하려면 JavaScript를 사용하여 오늘 날짜를 가져와서 input 요소의 value 속성에 설정해야 합니다. 이 코드에서는 JavaScript를 사용하여 오늘 날짜를 가져오고, 이 날짜를 "yyyy-mm-dd" 형식의 문자열로 변환한 다음 input 요소의 value 속성에 설정합니다. 결과적으로 input 필드에 오늘 날짜가 표시됩니다. 더보기
Javascript typeof. typeof undefined JavaScript에서 typeof 연산자는 피연산자의 데이터 타입을 문자열로 반환합니다. typeof는 다음과 같은 데이터 타입을 반환할 수 있습니다: "undefined": 값이 할당되지 않은 변수 또는 존재하지 않는 객체의 속성 "boolean": 참(true) 또는 거짓(false) 값을 가진 불리언 타입 "number": 숫자 타입 (정수 및 실수) "string": 문자열 타입 "object": 객체, 배열, null 값 "function": 함수 타입 "symbol": 심볼 타입 (ES6부터 추가됨) typeof 연산자 사용 예시: console.log(typeof undefined); // "undefined" console.log(typeof true); // "boolean" conso.. 더보기
find 위 폴더에서 특정 단어를 찾으려면 find 명령어를 사용할 수 있습니다. 다음은 Linux 및 macOS에서 하위 폴더에서 특정 단어를 찾는 방법입니다: bashCopy code find /시작경로 -type f -exec grep -l '특정단어' {} /시작경로: 검색을 시작할 디렉토리 경로를 지정합니다. 이것은 검색을 시작할 디렉토리를 나타냅니다. 예를 들어, 전체 시스템에서 검색하려면 /를 사용하고, 현재 디렉토리에서 검색하려면 .를 사용할 수 있습니다. -type f: find 명령을 사용하여 파일만 검색하도록 지정합니다. 디렉토리는 검색에서 제외됩니다. -exec grep -l '특정단어' {} \;: 각 파일에 대해 grep 명령을 실행하여 특정 단어를 찾습니다. -l 옵션은 해당 파일에서 .. 더보기
모르면 손해보는 21가지 JavaScript 축약코딩 기법seokkitdo·2021년 12월 31일 https://velog.io/@seokkitdo 1. 삼항조건 연산자(The Ternary Operator) if .. else 조건문을 한 라인으로 줄여주는 유용한 기법입니다. 기존 const x = 20; let answer; if (x > 10) { answer = "greater than 10"; } else { answer = "less than 10"; } 축약 const answer = x > 10 ? "greater than 10" : "less than 10"; 또한 중첩해서 사용도 가능합니다. const answer = x > 10 ? "greater than 10" : x < 5 ? "less than 5" : "between 5 and 10"; 2. 간략계산법(Short-circu.. 더보기