로이팩토리

const list = { "a" : "hello" , "c" : "hahaha" , "b" : "royworld" } console.log(JSON.stringify(list)); // result : {"a":"hello","c":"hahaha","b":"royworld"} const ordered = {}; Object.keys(list).sort().map(key => { ordered[key] = list[key]; }); console.log(JSON.stringify(ordered)); // result : {"a":"hello","b":"royworld","c":"hahaha"} JSON.stringify : json으로 된 객체(ex. list)를 string (문자열) 형태로 변환 Ob..

/* 버튼 초기화 */ button { background: inherit ; border:none; box-shadow:none; border-radius:0; padding:0; overflow:visible; cursor:pointer} /* 테이블 초기화 */ table { width:100%;border-collapse:collapse;table-layout:fixed;font-size:100%;border-spacing:0 } /* 리스트 초기화 */ ul, ol { list-style:none } /* Anchor 태그 초기화 */ a { text-decoration:none;color:#202020; } a:hover, a:active, a:focus { text-decoration:non..

// 아이템 체크 let exists = false; try { // 현재 selector >> "#gnb .group_nav .list_nav .nav_item" exists = await page.$eval("#gnb .group_nav .list_nav .nav_item", ele => ele?true:false); }catch (e){ // 에러 처리 console.log(e); } puppeteer를 사용하다 보면 유효성 검사를 위해 해당 element가 있는지 확인해봐야 하는 경우가 있습니다. 만약 위와 같이 네이버 메인의 GNB 첫 번째 항목을 클릭 하는 puppeteer를 생성하려고 합니다. 그런데 만약, 네이버가 메인화면 개편을 하여, 해당 항목으로 가는 selector의 정보가 변경되면..

SQL문을 사용하다 보면, 아래와 같은 상황에 직면하곤 합니다. ex) 1. 일주일 전 날씨 정보를 알려주세요. 2. 한 달 전과 오늘의 온도 차를 알려주세요. 3. 1시간 전 매출과 현재 매출을 비교해 주세요. 이 세 가지 예시의 동일한 점은 "OO 전"이라는 점입니다. 이는 시간을 가지고 비교하겠다는 거고, 일단 WHERE에서 일자를 조정할 수 있겠으나 현재 예시를 위해서는 SELECT절에서 처리해 보도록 하겠습니다. 사용방법 SELECT DATEDIFF('구분자', '시작일자', '종료일자') 구분 구분자 약어 년 year yy, yyyy 분기 quarter qq, q 월 month mm, m 일 day dd, d 주 week wk 시간 hour hh, h 분 minute mi, n 초 second..

puppeteer에서 현재 페이지를 가져오려면 page.url() 을 쓰면 됩니다. const puppeteer = require('puppeteer'); (async function main() { try { const browser = await puppeteer.launch({ headless : false, executablePath : '/Applications/Google Chrome.app/Contents/MacOS/Google Chrome', }); const page = await browser.newPage(); await page.goto('https://naver.com/'); console.log(page.url()); console.log(typeof page.url()); aw..

TCP/UDP 프로토콜로 연결 된 네트워크 상에서 데이터를 읽고 쓸 수 있는 리눅스 유틸리티 1. 대상 서버의 포트 오픈 확인 사용방법: nc -v {대상 IP} {대상PORT} ex) $> nc -v 192.168.17.148 8080 : 포트 오픈 된 경우 : 포트가 오픈 되지 않은 경우 2. 현재 서버의 포트 사용 여부 확인 $> nc -lv 80 : 포트가 사용 중인 경우 : 포트가 사용 중이 아닌 경우

데이터베이스로 데이터를 추출하다 보면 substirng이나 left, right 이외에도 split를 활용하여 중간의 데이터만 추출해야 하는 경우가 종종 발생하곤 합니다. ex. 전화번호의 중간 번호 추출하기 010-1234-5678 ===> 1234 ex. 주소에서 시/군/구를 추출해야하는 겨우 경기도 성남시 분당구 ===> 성남시 이 경우 substirng_index를 변형하여 사용하면 쉽게 추출할 수 있습니다. 그러면 substring_index는 무엇일까요? SUBSTRING_INDEX(문자열, 구분자, 구분자index) 주어진 "문자열(문자의 나열)" 중에서 "구분자" 기준으로 "구분자의 index" 만큼 추출하여 보여주는 것을 말합니다. 만약 위의 전화번호를 가족 예를 들어, 만약 아래와 같은..

환경변수 사용법은 아래의 법칙을 잘 지켜주면 간단하게 사용 가능합니다. 1. 프로젝트 root에 .env 파일 생성할 것 2. 접두어로 REACT_APP_을 반드시 붙여줄 것 package.json이 있는 폴더에 .env 파일을 생성하고, 아래와 같이 내용을 입력합니다. 그리고 js 파일에서 process.env. 환경변수 키를 입력해주면 결과를 확인 가능합니다.

Procedure나 Function을 만들어 운영하다 특정 테이블이나 컬럼, 값 등을 변경해야 하는 경우에 조회를 하거나, 명칭 등을 조회해야 하는 경우가 존재합니다. 그런 경우 INFORMATION_SCHEMA.ROUTINES를 활용하여 조회 가능합니다. SELECT ROUTINE_NAME AS "프로시저/함수 명" , ROUTINE_DEFINITION AS "프로시저/함수 내용" , CREATED AS "생성일시" , LAST_ALTERED AS "수정일시" FROM INFORMATION_SCHEMA.ROUTINES WHERE ROUTINE_TYPE = 'PROCEDURE' 위 Query를 실행 하면 아래와 같은 결과 화면을 호출받을 수 있습니다. 해당 결과를 통해서 생성 이후 변경된 Query나 개..

리눅스 터미널 환경에서 외부 url의 접근 여부를 확인해야 할 때가 있습니다. 보통은 ping이나 traceroute로 ip로의 접근이나 port 확인 등은 가능하지만, dns 서버로의 접근은 해당 두 명령으로는 한계가 있습니다. 1. GET방식의 호출 crul "URL" $> curl "https://naver.com" 2. POST방식의 호출 crul -d "파라미터" "URL" $> curl -d "req1=123&req2=1234" "https://naver.com"