project 18

현재위치 구하기 (위도,경도)

const test =()=>{ const error=()=>{ console.log('에러야~~') } const success=(position)=>{ const latitude = position.coords.latitude; const longitude = position.coords.longitude; console.log(latitude) console.log(longitude) console.log('성공') } navigator.geolocation.getCurrentPosition(success, error) } 이게 걍 단순하게 쓴거고.. latitude와 longitude를 구해준다. 저 getCurrentPosition콜백에 success error함수 두개를 파라미터로 넣으면 su..

project/miniCode 2022.07.29

브라우저에서 복사버튼 만들기.

참고로 vuejs에서 만들었기때문에 일반적인 html, js의 페이지에선 코드가 살짝 다를 수 있다. 먼저 템플릿 복사방법에는 두가지가 있는데 둘다쓴다. #1 span태그 복사 여긴 span태그 복사야~ Copy1 이 코드의 메서드는 이렇다. const copy1 = () => { let copyText = document.getElementById("span").innerHTML; navigator.clipboard.writeText(copyText).then( console.log('복사완료') ) } 먼저 span태그안에있는 값을 변수로 지정해주고 밑에 프로미스에 담으면 된다. #2 input값 복사 Copy2 메서드는 const copy2 = () => { let copyText = documen..

project/miniCode 2022.07.29

나홀로 js// localStorage를 이용한 로그인(보안ㅆㄺ)

콜백함수, 클래스 복습겸 로컬스토리지도 관심이 있어서 로그인 기능을 구현(흉내)해보았다 ㅋㅋ 로컬스토리지는 사용자의 브라우저내에서 정보를 영원히 forever저장한다 ㅋㅋ 용량도 5mb라는데 야동 1초동안 받는 용량보다 작지만 단순히 텍스트로만 넣는다면 큰 용량이다 ! 사실 관심을 가지기 시작한게 ajax없이 장바구니기능을 구현하려고 했는데 추천받은거다 암튼 로칼스토리지로 로그인구현이라니 개소린가 싶지만 그냥 써보고 싶어서 해본거니까 ㅎㅎ 당연 브라우저 관리자도구로 데이터를 볼 수 있으니 완~전 보안 쓰레기라고 볼수 있다 시작! 먼저 html파일부터 대충 만들어주자. input값을 사용해야하니 form태그로 만들고 css는 안만졌다 register new id new password -----------..

project/miniCode 2022.06.22