분류 전체보기542 React PC/Mobile 접속 기기별 라우팅 react-device-detect npm install react-device-detect 인스톨 실패시 npm install react-device-detect --force import { BrowserView, MobileView, isBrowser, isMobile } from "react-device-detect"; function App() { return ( 브라우저 접속시 뜨는 페이지 모바일 접속시 뜨는 페이지 ); } 2023. 9. 20. 자바스크립트 비밀번호 정규식 2023ver 최소 8 자 및 최대 20 자, 하나 이상의 대문자 + 하나의 소문자 + 하나의 숫자 + 하나의 특수 문자 정규식 const regex_pwd = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[@$!%*?&#.~_-])[A-Za-z\d@$!%*?&#.~_-]{8,20}$/ 최소 8 자 및 최대 20 자, 하나 이상의 대문자 or 하나의 소문자 + 하나의 숫자 + 하나의 특수 문자 정규식 const regex_pwd = /^(?=.*[a-zA-Z])(?=.*\d)(?=.*[@$!%*?&#.~_-])[A-Za-z\d@$!%*?&#.~_-]{8,20}$/ 최소8 자, 최소 하나의 문자 + 하나의 숫자 (특수문자X) const regex_pwd = /^(?=.*[A-Za-z])(?=.*\d.. 2023. 9. 18. GROUP_CONCAT ORDER BY 그룹 콘캣 사용지 오더바이가 먹지 않은 이슈가 있다. SELECT CONCAT('[',GROUP_CONCAT('"',t200.LOGIN_DTM ,'"'ORDER BY t200.LOGIN_DTM DESC SEPARATOR ',' ),']' ) AS ARR FROM ( SELECT t100.ID ,t100.LOGIN_DTM FROM TB_MEMBER t100 WHERE t100.USER_ID = 'TEST01' ) t200 위형식은 그룹 콘캣에 오더바이를 넣어서 '배열' 형식으로 출력한것이다. GROUP_CONCAT(t200.LOGIN_DTM ORDER BY t200.LOGIN_DTM DESC) 그룹콘캣 오더바이만 사용시 위코드 처럼 사용가능 2023. 9. 18. MySql JSON 형식 다루기 JSON_VALID() JSON_SEARCH() JSON_EXTRACT() ["0003","성인","0005"] 배열형식의 데이터입니다. 배열형식의 데이터를 다룰때 사용하는 JSON_XX() 을 이용하여 조회나 검증등 할수있습니다. SELECT tp.KEYWORD_LIST ,JSON_VALID(tp.KEYWORD_LIST) AS JSON_VALID -- JSON 포맷 검증 ,JSON_SEARCH(tp.KEYWORD_LIST ,'all', '0001') AS JSON_SEARCH -- JSON 에서 조건에 맞는 위치 리턴 ,JSON_EXTRACT(tp.KEYWORD_LIST , '$[0]') AS JSON_EXTRACT -- 첫번째값 리턴 FROM TB_PROJECT tp WHERE tp.DELETE_YN = 'N'; 2023. 9. 14. GROUP_CONCAT() 간단 사용법 SELECT tcc.COMM_CD_NM , tcc.COMM_CD FROM TB_COMM_CD tcc WHERE tcc.GROUP_CD = 'KEYWORD' AND tcc.DELETE_YN = 'N' 위와 같은 기본테이블을 한줄로 출력하려할때, GROUP_CONCAT을 사용한다. GROUP_CONCAT을 사용하여 콤마(,)로 구분 짓는 리스트로 출력할수있다. 2023. 9. 12. FIND_IN_SET() 간단 사용법 SELECT FIND_IN_SET('0001', '0001,0002') SELECT FIND_IN_SET( 검색할 데이터 , 리스트 ) 0 이나 1을 리턴해준다 0 : false 1 : true 틀린예시는 아래쪽에서 확인 가능하다. ["0001","0002"] 데이터가 콤마로 이루어진 리스트가 아닌 배열 형식의 string 은 false 를 리턴한다. 같은 배열 리스트라고 생각할수 있지만 오답을 리턴하니 주의 해야한다. 2023. 9. 12. CONCAT , GROUP_CONCAT 활용 JSON 문자열로 쿼리 결과 추출 SELECT CONCAT('[', ARR, ']') AS KEYWORD_LIST FROM ( SELECT GROUP_CONCAT('{', ITEM, '}' SEPARATOR ',') AS ARR FROM ( SELECT CONCAT ( '"키워드" : ' , '"', tcc.COMM_CD_NM , '"' ) AS ITEM FROM TB_COMM_CD tcc WHERE tcc.DELETE_YN = 'N' AND tcc.GROUP_CD = 'KEYWORD' ) AS t100 ) t200 😎결과 2023. 9. 12. [중화동 김치찌개] 임현숙의 이화 김치찌개 외관 비쥬얼에 비해 떨어지는 맛력 중화동 김치찌개 임현숙의 이화 김치찌개 중랑구로 이사오고 익숙하지 않은 동네에 매일저녁 산책을 했다. 자고로 동네엔 김치찌개집과 생선구이집이 하나씩 있어줘야한다.. 일요일 아침에 늦잠자고 걸어서 갈 식당이 필요하다. 저녁산책중 발견한 "임현숙의 이화 김치찌개" 맛집의 스멜이 물씬 풍겼다. 오늘 저녁은 김치찌개다! 맘먹고 방문했다. 옆엔 주차장이 아닌 세차장이 존자한다. 낮에 방문하면 세차 맡기고 식사하기 딱이다. 외관처럼 친숙하고 소박한 인테리어의 김치찌개 집이다. 김치찌개에 라면사리를 주문했다. 밥은 따로 주문해야한다. 사장님은 나이가 지긋하신 여성분이셨다. 가장 맘에드는건 버너가 굉장히 깨끗했다, 백종원님의 솔루션을 받은듯 하다. 반찬도 집밥같은 구성이다. 김 / 오징어젓갈 / 깍두기 이정도면 충분하.. 2023. 9. 7. 배열중 가장 작은 날짜값 뽑아내기, 가장 큰 날짜값 뽑아내기 let min = startArr.reduce((prev,curr) => { // 이전것과 비교해 더 작은 것 리턴 return new Date(prev).getTime() { // 이전것과 비교해 더 큰 것을 리턴 return new Date(prev).getTime() 2023. 9. 5. 이전 1 2 3 4 5 6 ··· 61 다음 728x90 반응형