티스토리

개발하는 루루언니

검색하기

블로그 홈

개발하는 루루언니

hyeru.tistory.com/m

개발로그와 나의 취미생활

구독자: 1

방명록 방문하기

주요 글 목록

Array.from : 원하는 조건을 배열로 만들어 준다. 🤍 각 NETWORK , WIRELESS , IPT 버튼 3개가 있다. 🩶 버튼 클릭시 class="selected" 가 붙도록 로직을 구성했다.🤍 name 명은 동일하다.NETWORK WIRELESS IPT 🤍 Array.from 을 통해 name 이 "service-button" 인걸 찾는다. let radio_buttons = Array.from(document.querySelectorAll('[name="service-button"]')) .filter(radio => radio.classList.contains("selected")) .map(radio => radio.value); console.log(radio_buttons); 🩶 필터를 두는데 각 배열의 아이.. 공감수 0 댓글수 0 2025. 2. 27.
mysql : inet_aton (숫자로 정렬하기) ⭐️ mysql select * from device_info order by device_ip asc idxdevice_namedevice_ip1ruru192.168.2.12gege192.168.10.13hyeru192.168.1.1 🔻 위와 같이 테이블이 있다고 했을때 order by device_ip asc 일때 192.168.1.1192.168.10.1192.168.2.1 🔻이렇게 정렬된다. 문자열로 인식하여 정렬하기 때문인데 2.1 이 10.1 보다 뒤에 정렬하려면 숫자로 정렬하여야 한다.해결문구🩶select * from device_info inet_aton(devcie_ip) asc 192.168.1.1192.168.2.1192.168.10.1 🔻 위와같이 코드를 작성하면 숫자로 변.. 공감수 0 댓글수 0 2024. 10. 7.
React : 설치 환경 만들기 ** 리액트 시작 1. node.js 를 사용하는 이유 -> 자바스크립트를 브라우저 밖에서도 동작할수 있게하는 런타임을 제공한다.2. npm 을 제공해준다.-> 내가 필요한걸 외부에서 쓸수있게 도와준다. -> 다른개발자가 만들어논 패키지를 다운로드 받아 유용하게 사용할 수 있다. node.js 및 reate - app 설치하기1. node.js 설치 -> [터미널] -> node -v 잘 설치되었는지 확인하기2. [터미널] npm create-react-app3. [터미널] npx create-react-app (작업할 폴더명)4. [터미널] code . (파일을 실행한다) React / rafce , rafc 기본설정마켓 = react 를 검색하면 ES7 + React /Redux/Reac.. 공감수 1 댓글수 1 2024. 9. 15.
javascript : input 새로고침 현상 막기 🔻구현할려고 했던 방식 🤍 form 태그안에 input이 있고 검색을 입력할 수 있다.🤍 input 에 검색어를 입력후 엔터를 누르면 form 안에 있는 데이터가 서버에 전송되기 때문에 새로고침 현상이 일어난다.🤍 id= "searchkey_t" 를 입력 후 엔터키를 누르면 get_report_data 함수를 실행 후 retrun false 를 해주었다.🤍 get_report_data 는 데이터를 불러와 뿌려주는 함수인데 새로고침 현상때문에 데이터가 불러와지는 동시 첫 화면으로 새로고침 된다.$("#searchkey_t").keyup(function (e) { if (e.keyCode == 13) { get_report_data(); return false; } }); 📕.. 공감수 0 댓글수 0 2024. 6. 17.
[mysql ] 테이블 특정 행 데이터 지우기 🩶 delete from [테이블 이름] where idx = 0 ; 🤍 idx = 0 인 행 데이터 한줄을 지우게 된다. 공감수 0 댓글수 0 2024. 5. 28.
[mysql ] alter 컬럼 삭제하기 🤍 alter table [테이블명] drop column [삭제할 컬럼명] 공감수 0 댓글수 0 2024. 5. 28.
mysql : view 테이블 삭제 후 생성하기 🩶 view 같은경우 기존 테이블에 다른 테이블의 일부 데이터를 가져와 합친 형태를 말한다. 📒 board_write 라는 테이블에서 users 테이블의 compname 을 가져와 board_write_view 를 만들 것이다. 🩷 기존 board_write_view 삭제하기 drop view board_write_view; 🩷 원하는 파일 가져와 다시 생성하기 CREATE ALGORITHM=UNDEFINED DEFINER=`jslboard`@`localhost` SQL SECURITY DEFINER VIEW `board_write_view` AS select `u`.`idx` AS `idx`, `u`.`user_idx` AS `user_idx`, `u`.`area_idx` AS `area_idx`, `.. 공감수 0 댓글수 2 2024. 4. 8.
git-hup 로컬 저장소에서 원격저장소 생성 🍭 개인프로젝트가 아닌 팀프로젝트만 하다보니 터미널로 git hup 을 사용할 일이 없어 까먹었는데 개인프로젝트를 위해 git 에 대한 공부를 다시 시작하게 되었다. 오랜만에 보니 생소해져서 다시 한번 정리를 해놓고 두고두고 봐야겠다. 💡 git init -> 원격 저장소를 만들겠다. 💡 git branch -M main -> 브랜치 이름이 master 으로 되어 있을 수 있어 main 으로 지정해준다. 💡 git add . -> 내가 코드를 작성한 모든 파일을 가져오겠다. 💡git commit -m ' 커밋할 메세지 ' 💡git push -u /git-hup 에서 프로젝트를 만들었을때 나오는 url EX) https://github.com/tkrkr55/lesson.git main 🌈 git-hup 에.. 공감수 0 댓글수 0 2024. 3. 21.
SourceTree를 열면 ''git status' failed with code 69:''라는 팝업이 나오는 경우 해결 방법 ★ 소스트리에 푸시를 하려고 했는데 갑자기 해당 에러 문구가 뜨면서 실행이 되지 않아 검색을 해보았다. ⭐️ 터미널 열기 💡 Xcode 라이센스에 동의해야 하므로 메세지에 따라 다음 터미널에서 실행을 한다. sudo xcodebuild -license ⭐️ 비밀번호는 Mac 로그인시 비밀번호를 입력한다. ⭐️ 엔터 한번 더 입력 ⭐️ 라이센스 내용이 나오는데 동의/인쇄/캔슬 어느쪽이든 요구 가능 하므로 동의하는경우 agree 하고 엔터 You can view the license agreements in Xcode's About Box, or at /Applications/Xcode.app/Contents/Resources/English.lproj/License.rtf 위의 멘트가 나오면 동의 완료 이므.. 공감수 0 댓글수 0 2024. 3. 20.
react : 공공데이터 포털 api 불러오기 사용법 https://www.data.go.kr/index.do 공공데이터 포털 국가에서 보유하고 있는 다양한 데이터를『공공데이터의 제공 및 이용 활성화에 관한 법률(제11956호)』에 따라 개방하여 국민들이 보다 쉽고 용이하게 공유•활용할 수 있도록 공공데이터(Datase www.data.go.kr ⭐️ 로그인 ⭐️ open api 로 원하는 데이터 검색 (충청북도_휴양림 정보) ⭐️ 활용 신청 클릭 ⭐️ 승인 받기 (바로됨) ⭐️ 마이페이지 -> 데이터 활용 -> open API -> 활용신청 현황 ⭐️ 참고문서 열어서 callback url 확인하기 => api 불러올때 url 이 된다. http://apis.data.go.kr/6430000/cbRecreationalForestInfoService/get.. 공감수 0 댓글수 0 2024. 3. 19.
javascript : filter 함수 () 예제 filter 함수는 배열의 요소를 순회하면서 콜백 함수를 사용하여 원하는 조건에 따라 필터링 하는 함수 입니다. // 필터링할 배열 const num = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; // 개발자가 직접 작성한 콜백 함수 function isEven(value) { return value % 2 === 0; // 짝수인 경우 true 반환 } // 배열의 요소를 순회하면서 필터링된 배열로 반환 const result = num.filter(isEven); console.log(result); // 출력: [2, 4, 6, 8, 10] 1. num 에는 1 부터 10 까지의 숫자가 들어가져 있는 배열이 있다. 2. isEven 이라는 함수를 만들었다 ( 콜백함수로 쓰일 예정) .. 공감수 0 댓글수 0 2024. 3. 12.
javascript : forEach 예제 및 사용법 ★forEach ⭐️ foreach 는 map 과 달리 새로운 배열을 반환하지 않고 원본 배열에서 순회하면서 수정하는 방식이다. (간략한 코드에서 사용하면 좋다) 📕 예제 1 💡배열 요소들을 문자열로 변환하여 새로운 배열 생성하기 const names = ['Alice','Bob','Charlie']; const greetings = []; names.forEach(function(name) { greetings.push(`Hello, ${name}`); // 배열 끝에 값 추가하기 }); console.log(greetings); // 출력 ['Hello , Alice!', 'Hello, Bob!', 'Hello, Charlie'] 📕 예제 2 💡 모든 사람의 나이를 5살씩 증가시킴 const peop.. 공감수 0 댓글수 0 2024. 3. 12.
javascript : map() 함수 : 배열 순회 후 새로운 배열로 반환 ⭐️ 개념 map () 함수는 배열을 순회하며 지정된 콜백 함수를 적용하여 각 요소를 변환하고 , 그 변화된 값을 모아서 새로운 배열로 반환하는 역할을 수행한다. 📕 예제 💡 - 숫자 배열을 받아 각 숫자를 두배로 만들어 새로운 배열을 생성하는 map() 함수의 사용 예 이다. const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map(function(number) { return number * 2; // 매핑된 결과를 새로운 배열로 반환 }); console.log(doubledNumbers); // 출력: [2, 4, 6, 8, 10] 📕예제 2 💡 - 배열에 있는 각 문자열을 소문자로 변환하여 새로운 배열을 생성하는 경우 map() 함.. 공감수 0 댓글수 0 2024. 3. 12.
javascript : 특정 id 를 갖고 있는 모든 id 값 가져오기 - - ★ div 의 id 값에 sw_poe1 과 sw_poe2 가 있다. id = sw 인 모든 id 값을 가져와 기능을 구현하고 싶을때가 있다. 📒 예시 function add_topology_bld(r) { let div = $("div[id *= sw_"); for(var i=0; i 공감수 0 댓글수 0 2024. 3. 11.
[mysql] alter 컬럼 이름 변경하기 alter table [테이블명] change column [변경전 컬럼이름] [변경 후 컬럼이름] [타입] ; 💡 alter table mi_license change column server_eth server_ethernet text; 공감수 0 댓글수 0 2024. 2. 15.
javascript : Every 메서드란? (배열 요소들이 특정 조건을 모두 만족하는지 확인하는 배열 (Array) 메서드 ) 📕. javascript ⭐️ Every 메서드란 ? every 메서드는 배열의 요소들이 특정 조건을 모두 만족하는지 확인하는 배열 (Array)의 메서드 이다. forEach,map,filter 와 비슷하게 첫 번째 파라미터가 콜백 함수를 전달받지만, 앞의 메서드들과는 다르게 boolean 타입의 값을 리턴한다. 1. every() 는 배열의 각 엘리먼트에 대해서 테스트 함수의 반환 값이 모두 true 인지 확인 2. 모든 case 가 true 일때 true 를 반환한다. 3 하나라도 false 이면 반환 값은 false 이다. 4. 기존 배열 값은 변경되지 않는다. arr.every(function(currentValue, index, array), thisValue)) Parameter Descr.. 공감수 0 댓글수 0 2024. 2. 13.
JQuery : 플러스 마이너스 버튼 여러개 따로 동작하게 하기 📕 구현하고 싶은로직 = 플러스 마이너스 버튼이 있고 각 분류마다 갯수를 개별로 체크하고 싶다. 1. Switch 와 Security 로 분류가 되어 있고 해당 갯수를 각각 체크를 할 수 있도록 로직을 구현 할것이다. [HTML] Switch Security 💡 내가 생각해낸 방법은 플러스 마이너스 값을 누를때 this 값을 count 라는 함수에 보내준 다음 처리하는 방법이였다. [JS] function count (type,ths) { const resultElement = document.getElementById(ths.name); let number = resultElement.value; if(type == 'plus') { number = parseInt(number) +1; } else i.. 공감수 1 댓글수 2 2024. 2. 7.
JQuery : 체크박스 클릭시 특정 블럭 감추가 보이기 📕 원하는 로직 네트워크 input 체크 박스를 눌렀을때 id 가 BLOCK 인 div 블럭을 보여주고 체크박스를 해제하면 다시 감추고 싶다. [ HTML] 네트워크 배고푸당 1. input 체크박스를 만든다. id와 name 으로 jQuery 작동할것 임으로 작성해준다. 2. 감추고 보여줄 div 를 만든다. = BLOCK [JS] $("#netwrok").click(function() { console.log($("input[name=check_network]").is(":checked")); if($("input[name=check_network]").is(":checked")) { $("#BLOCK").show(); } else { $("#BLOCK").hide(); } }) 1. #network.. 공감수 1 댓글수 1 2024. 2. 7.
⭐️ git clone 하고 작업이 되지 않을때 config 파일 확인하기 MAC 기준 (에디터 : 비쥬얼스튜디오 ) 1. 명령팔레트 실행 ↑ (shift) + command + P (단축키 ) 2. SFTP : config 파일이 있는지 확인하기 3. 없으면 왼쪽 모니터 모양 원격탐색기 클릭 4. SSH 에 추가 플러스 아이콘 클릭 5. 상단에 SSH 연결 명령 입력이 뜬다. 6. 예시 ) ssh (깃허브 저장소 이름)@192.168.0.000 - A 7. 원격저장소 설치후 .vscode 안에 stfp.json 파일이 생성되어야 한다. 8. 생성이 되었으면 sftp.json 파일안에 작성을 하자! https://hyeru.tistory.com/404 위 링크를 통해 sftp 작성을 하면 된다. 공감수 0 댓글수 0 2024. 2. 6.
구글 reCAPTCHA 적용 하기 1. 웹 브라우저에서 사용자가 " 로봇이 아닙니다 " 를 클릭하면 구글에 토큰을 요청합니다. 사이트 키가 필요 2. 구글이 자바스크립트 콜백 함수 호출로 토큰을 전달합니다. 3. 사용자가 서버에 회원가입 폼 저장을 요청 합니다. 앞에서 받은 토큰을 전달 합니다. 4. 서버는 구글 API 를 호출하여 토큰을 검증하고 비밀키도 전달합니다. 5. 구글 API 는 JSON 객체로 결과를 반환 합니다. ⭐️ 구글 사이트 등록하기 1. https://www.google.com/recaptcha/admin/create 링크 접속 2. reCAPTCHA v2 와 로봇이 아닙니다. 체크박스 선택하기 3. 도메인에 적용할 도메인 입력 4. 등록하면 사이트 키와 비밀 키를 확인할 수 있다. 💡 사이트키 - HTML 에서 자.. 공감수 0 댓글수 0 2024. 1. 24.
javascript & jQurey : input 안에 readonly 값 추가 삭제 [HTML] 아이디 공감수 0 댓글수 0 2024. 1. 17.
페이지 새로고침 window.onkeydown = function() { history.replaceState({}, null, location.pathname); } 공감수 0 댓글수 0 2024. 1. 16.
javascript : select_box 년도별로 나오게 하기 [HTML] 년 [JS] $(document).ready(function() { setDatSelectBox(); }); function setDatSelectBox() { let now = new Date(); let now_year = now.getFullYear(); $("#year").append("선택 "); //올해부터 10년뒤 for(let i = now_year; i 현재 날짜 및 시간 3. new_year 이라는 변수엔 now.getFullYear () 즉, 연도만 갖고와 변수에 값을 저장해준다. 4. 나는 2024년 부터 앞으로의 10년의 값들을 불러오고 싶다. 5. for 문을 통해 now_year 공감수 0 댓글수 0 2024. 1. 16.
Jquery : selectBox 에서 option 의 text, value 값 가져오기 ⭐️ html 승인 여부 승인 여부를 선택하세요 승인 비승인 📕 vlaue 값 가져오기 ⭐️JS let approval = $("#approval_gubun option:checked").val(); console.log(approval); 🌈 출력값 : 승인을 체크했을때 1 : 비승인을 체크했을때 2 📕 text 값 가져오기 ⭐️JS let approval = $("#approval_gubun option:checked").text(); console.log(approval); 🌈 출력값 : 승인을 체크했을때 승인 : 비승인을 체크했을때 비승인 해당 값의 여부에 따라 php 에서 데이터를 db의 user_status = 0 의 값을 1 로 업데이트를 할 수 있다. 공감수 0 댓글수 0 2024. 1. 10.
PHP - addslashes() , stripslashes() 작은따움표 문자열 포함 오류 방지 1. addslashes() - PHP 에서 문자열을 표시할 때, "(큰 따옴표) 와 ' (작은 따옴표) 가 문자열에 포함되어 있는 경우 오류가 발생하는 경우가 있다. DB에서 값을 가져올 때, 또는 넣을 때 이러한 오류를 방지하고자 addslashes 와 stripslashe 를 사용한다. 만약 php $str 변수에 있는 값을 div 태그안에 data 요소에 집어넣는다 가정하자. data-name 속성값을 선언하기 위해 작은 따옴표(')를 사용하였다. 하지만 그 뒤에 나오는 str 변수에는 작은 따옴표 (')가 포함되어져 있다. 이로 인하여 개발자가 넣고자 하는 값이 data-name 속성에 들어가는게 아니라 my name is 부분까지만 잘려서 들어가게 된다. 잘못된 값의 삽입으로 인해 데이터베이스.. 공감수 0 댓글수 0 2024. 1. 8.
javascript : setAttribute : 요소의 속성값을 정하는 메서드 기본형태 element.setAttribute(속성명, 속성값); setAttribute() 메서드는 지정된 요소의 속성 값을 설정한다. 만약 이미 속성값을 가지고 있었다면 그 값을 지우고 새로운 값을 적용한다. [CSS] .democlass { color: red; background-color : yellow; } [HTML] setAttribute 메서드 적용 클레스 추가 [JS] function click() { document.getElementById("set").setAttribute("href","https://naver.com"); document.getElementById("set").style.color = "red"; } 🌈 결과 - ★ 변경전 setAttribute 메서드 적용 클.. 공감수 0 댓글수 0 2024. 1. 8.
mysql : 테이블 컬럼 추가하기 ( alter ) ⭐️ 기존 테이블 users idx user_name user_phonenumber 1 혜루 010-7485-370* 🌈 변경하고 싶은 사항 -> users 라는 테이블에 address 컬럼을 추가해 주고 싶다. alter table users add address text after user_name * mysql 문법 해석 alter table ( 테이블 명 ) add (추가해준다) address (어떤 컬럼을?) text 타입) before 와 after 중 선택 user_name의 컬럼 뒤에 만들 것인지 앞에 만들것 인지 만약 지정을 따로 안하게 하면 맨 뒤에 추가가 된다. ⭐️ 변경 테이블 users idx user_name address user_phonenumber 1 혜루 null 010-.. 공감수 0 댓글수 0 2024. 1. 4.
php : 날짜 변환 함수 https://ryangx2.tistory.com/144 공감수 0 댓글수 0 2023. 11. 24.
UPS (무정전 전원공급장치) 란? 무정전 전원공급장치란(UPS)? Uninterruptible Power Supply 의 약자, - 발전소로 부터 전기공급이 중단되거나 전압 변동, 주파수 변동 등의 장애가 발생해도 전기를 안정적으로 사용할 수 있도록 해주는 장치이다. 어떠한 경우에도 중단되지 않고 연속으로 전기를 공급하여 주는 전원 장치를 말한다. 정상 공급되던 전기가 갑작스럽게 중단될 경우 전기로 동작하는 모든 기기들은 일 순간 꺼져버리게 된다. 그리고 다시 전기가 공급되면 정상적으로 동작하게 된다. 그런데 이런 동작 사황에서 컴퓨터와 네트워크 기기들은 치명적인 손상을 입을 수 있다. 아주 중요한 데이터가 동작 중에 정전이 발생하면 작성중의 데이터 손실, OS 파괴 등 다양한 문제점을 야기하게 된다. 공감수 0 댓글수 0 2023. 11. 24.
Qos 란? Qos 란? Qualtiy of Service 하나의 회선에 여러개 서비스를 동시에 서비스 할 경우 각 서비스들에 우선순위를 매겨서 우선순위가 가장 높은 서비스의 품질을 보장하기 위해 우선순위가 낮은 서비스의 품질을 떨어트리는 , 일종의 교통정리를 하는 것을 Qos 라 할 수 있다. 예시로) 스마트폰을 사용하게 되면 데이터 무제한 요금을 사용해도 가끔 데이터 통신에 제약이 걸리기도 한다. 데이터 통신이 무제한이라고 데이터를 펑펑 쓰면 통신사에서 제동을 걸 수 있다는 얘기다. 무선 통신은 한정적 주파수를 공유하여 통신하게 된다. 현재 3G 망을 통해 문자메세지,음성통화, 영상통화 그리고 이제는 스마트폰에 대한 데이터 통신까지 오게 되었다. 일정 범위 내에서 사용할 수 있는 주파수의 대역은 한정이 되어있다... 공감수 0 댓글수 0 2023. 11. 24.

문의안내

티스토리
로그인
고객센터

티스토리는 카카오에서 사랑을 담아 만듭니다.