프론트 js에서 사용자 ip정보 가져오기 async function getIpClient() { try { const response = await axios.get("https://api.ipify.org?format=json"); console.log(response, "여기야"); } catch (error) { console.error(error); } } ipify에서 제공하는 api를 사용하면 된다. 저 response객체에 여러 정보들이 담겨있다. project/miniCode 2023.03.31
객체 키값 벨류값 순회 반복문 # 키값 벨류값 어레이에 담아서 뱉기 console.log(Object.keys(obj)); //키값들을 어레이로 담아서 뱉어줌 console.log(Object.values(obj)); //벨류값들을 어레이로 담아서 뱉어줌 # for 반복문으로 접근 for (let key in obj) { const value = obj[key]; console.log(key); console.log(value); } project/miniCode 2022.10.26
글자수 용량 알아보기 const getByteLengthOfString = function (s, b, i, c) { for (b = i = 0; (c = s.charCodeAt(i++)); b += c >> 11 ? 3 : c >> 7 ? 2 : 1); return b; }; const test = "테스트ddididi"; console.log("length : ", getByteLengthOfString(test), "Bytes"); 한글은 한글자당 약 3바이트임 이거 실행하면 test 스트링 용량 알려줌. project/miniCode 2022.07.30
현재위치 구하기 (위도,경도) 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