project/miniCode 12

개발단 db 마이그레이션

Introduction예전에 기존에 사용하던 클라우드의 데이터베이스를 다른 인스턴스로 마이그레이션 할 일이 있었다..너무 비쌈 ㅡㅡ 그래서 코드로 반복문과 setinterval을 사용하여 직접 데이터를 옮겼었는데 포스팅해봄.  시연영상     환경셋팅데이터베이스 마이그레이션을 위해 샘플 mysql인스턴스를 생성하겠다.하나는 bf-db, 다른 하나는 af-db라고 이름지었다.bf-db라는 인스턴스의 데이터베이스의 데이터들을 af-db로 옮길것이다.   각 EC2인스턴스에 mysql설치 # mysql설치하기sudo apt updatesudo apt install mysql-server# mysql에 루트유저로 접속mysql -u root -p비밀번호 입력# 데이터베이스를 만들고 유저 생성SHOW GRANTS..

project/miniCode 2025.01.25

JSON 어레이안 객체 특정프로퍼티 중복제거하기.

# 실제 개발을 하면서.. 여러 데이터들을 백단과 통신하면서 이런 데이터 구조를 많이 봤을것이다. const userInfo = [ { idx: 1, id: "helloman" }, { idx: 2, id: "byeman" }, { idx: 3, id: "sexman" }, { idx: 4, id: "niceman" }, ]; 보통 db쪽에서 받은 데이터들을 JSON형식으로 받아오면 이런 데이터를 가져오게된다. 이런 '어레이안에있는 객체데이터들'을 반복문을 돌려서 사용해보자. 아래 포스팅에서 어레이와 객체를 반복문에 돌리는 방법들을 소개해봤다. https://jacobowl.tistory.com/163 객체, 배열 반복문의 종류 / 어레이 순환 프로토타입 메서드 const arr = ["가", "나", ..

project/miniCode 2023.05.10

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

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