끄적끄적 어디서나 개발
    • 메뉴 닫기
    • 글작성
    • 방명록
    • 환경설정
      • Developer
        • Project
          • 주식자동매매
        • Language
          • JAVA
          • Python
          • Spring
          • Ruby&Rails
          • CSS&javascript
          • Databases
          • ETC
        • Linux
        • Mobile
        • Tool
          • Notion
          • Git
        • Quiz
        • Book
        • Review
    • 홈
    • 태그
    • 방명록
    Language/CSS&javascript

    [JavaScript] 한글, 영어(알파벳), 숫자 만 입력 받기(정규표현식)

    등록이나 수정페이지에서 입력 받을 때 숫자만 입력 받거나, 영어-알파벳 또는 한글만 입력 받을 수 있도록 제한이 필요할 수가 있습니다. 숫자는 number type을 사용할 수도 있지만 꼭 text type 으로 받아야 한다면 정규표현식을 사용하면 쉽게 구현하여 확인 할 수 있습니다. 어떻게 구현하는지 알아보겠습니다. 정규표현식 정규표현식의 문법을 간단하게 알아보면 아래와 같습니다. ^ : 문자열의 시작을 의미 [pattenr] : 찾으려는 패턴 \+ : 문자 1개 이상을 의미 $ : 문자열의 끝을 의미 문자열에 한글만 있는지 확인 정규표현식 패턴 /^[ㄱ-ㅎ|가-힣]+$/ 는 한글 1개 이상을 의미합니다. const regex = /^[ㄱ-ㅎ|가-힣]+$/; let str = "가나다"; console..

    2023. 1. 12. 17:32
    Language/CSS&javascript

    [HTML] input number 숫자 최소값, 최대값 설정

    input number 숫자만 입력 받고 싶을 때는 type="text 가 아닌 아래와 같이 입력해 주면 된다.

    2023. 1. 11. 15:17
    Language/CSS&javascript

    [CSS] input box 테두리 없애기 ( + 부트스트랩 bootstrap 5 )

    html 에서 input box의 테두리를 없애야 필요가 있을 경우가 있습니다. 그럴때는 CSS 으로 추가해 주어야 합니다. 부트스트랩 부트스트랩을 사용하고 있다면 기존에 제공해 주고 있는 것으로 사용할 수 있습니다. 부트스트랩을 사용하면 조금 더 깔끔한 코드를 얻을 수 있습니다.

    2023. 1. 10. 16:50
    Language/CSS&javascript

    jQuery 데이타(data) 속성 값으로 데이터 요소 찾는 방법

    data 넣는 방법 $('li').data('seq', 1); 단순하게 이렇게 넣으면 데이터가 들어간다. 하지만 데이터를 넣고 이 데이터를 가지고 무언가 따로 처리하여 찾아야 한다면 못찾을 확률이 있다. 만약 동적 처리를 하기 위해서 찾았는데 못찾을 경우 바꾸어 주면 된다. $('li').attr('data-seq', 1); 그럴 경우에는 attr 속성을 사용하여 넣어주면 된다. data 찾는 방법 이렇게 li에 속성으로 seq 값을 넣어주었다. 이 seq 값으로 li를 찾는다면 아래와 같이 하면 된다. $('li').find('[data-seq="1"]') 그럼 해당 dat의 값을 가지고 요소를 찾을 수 있다.

    2023. 1. 6. 10:28
    Language/Ruby&Rails

    Ruby 에서 배열 리스트에 있는 값 문자열로 이어주기

    요즘 기본적으로 문자열 함수가 잘 되어 있죠? Ruby 도 기본적인 문자열 함수들을 제공합니다. 예전에는 배열에 있는 문자들을 이어 줄려면 for 문을 돌려서 하나의 변수에 이어주는 작업을 했었는데 이제는 기본적으로 제공되는 함수들을 사용해서 하면 됩니다. Ruby 에서도 b_list = ['a','b','c','d'] 이렇게 문자가 들어가 있다면 b_string = b_list.join => abcd 이렇게 자동으로 이어주게 됩니다. 여기서 이 문자열 사이를 구분하고 싶다면 b_string = b_list.join(',') => a,b,c,d 이렇게 넣어주면 됩니다. 굉장히 간단하게 배열 데이터를 문자열로 바꿀 수 있습니다.

    2022. 10. 20. 16:44
    Language/JAVA

    [MAC]OpenJDK 설치하기 - 개발자를 확인 할 수 없기 때문에 열 수 없습니다. 문제해결

    맥 OS 에서 OpenJDK 를 설치하는 방법은 아래와 같다. 1. 다운로드 OpenJDK 공식 사이트에서 OpenJDK 파일을 다운로드 한다. https://jdk.java.net/archive/ Archived OpenJDK GA Releases Archived OpenJDK General-Availability Releases This page is an archive of previously released builds of the JDK licensed under the GNU General Public License, version 2, with Classpath Exception. WARNING: These older versions of the JDK are provided to he jd..

    2022. 8. 16. 15:26
    Language/CSS&javascript

    [jQuery, javascript] 동적으로 radio, checkbox를 만들었을 경우 이벤트 동작 처리하기 - onclick, onchange

    radio 와 checkbox. 등은 선택 했을 경우와 값이 바뀔 경우 이벤트를 처리하는 경우가 종종 있다. 그런데 이 이벤트를 제대로 작성했는데도 동작을 하지 않았다. $("input:radio[name='radio_test']").on("change", function(){ alert("왜 안뜨니..."); }); 무엇이 문제 일까 고민을 했다. 다른 점은 저 라디오 버튼을 동적으로 생성 했다는 것이었다. 이럴 경우에는 $(document).on을 사용하여 이벤트를 바인딩 하면 된다. $(document).on('change', "input:radio[name='radio_test']", function() { alert("이제 뜬다"); }); document.ready 나 document.load..

    2022. 6. 23. 17:52
    Language/Python

    Python error 해결 - AttributeError:type object 'object' has no attribute 'dtype' 에러

    소스코드를 수정하고 다시 실행하려니 나지 않던 에러가 발생 되었다. 내가 잘못 수정을 하였나 쳐다보아도 모르겠다. 저장되는 테이블 컬럼을 추가했는데 그거 때문인가 싶었지만 모르겠다. 소스코드 상에서의 문제는 못찾았다. 이 에러의 해결 방안은 아래와 같다. 에러 원인 구글링에 통해 알아낸 원인은 Pandas와 Numpy 패키지는 버전 문제가 있을 수 있다는 거였다. Pandas 에서 type 을 지정해 주면 해결이 될까 싶었는데 패키지를 업그레이드 하면 된단다. 해결 Pandas 와 Numpy 를 업그레이드 하면 된다. 버전을 넣어서 지정해서 설치해도 되고 단순히 업그레이드를 넣어주니 해결 되었다. pip install pandas --upgrade pip install numpy --upgrade pip..

    2022. 4. 20. 11:04
    Language/Python

    주피터 노트북 환경설정 - 시작폴더 변경

    Jupyter Notbook은 아나콘다 설치 시 같이 설치가 된다. 주피터 노트북을 실행하면 기본 폴더의 경로가 c:\Users\사용자이름 으로 설정되어 있다. 즉 사용자 이름 폴더 안에 있는 모든 폴더가 보이는 상황이다. 불필요한 폴더가 많이 보이기도 하고 눈에 들어오지 않아 시작 폴더를 변경하기로 했다. 주피터 노트북 시작 하는 방법 명령어 실행 할 경우 시작 폴더 변경 방법 시작 메뉴로 실행할 경우 시작 폴더 변경 방법 주피터 노트북 시작하는 방법 주피터 노트북은 프롬프트 창에서 명령어로 실행하는 방법과 시작 메뉴에서 Jupter notebook을 바로 실행시켜서 실행시키는 두 가지 방법이 존재한다. 아나콘다를 설치하면 아나콘다 프롬프트가 따로 있다. > jupyter notebook 프롬프트에 이..

    2022. 4. 18. 15:15
    Language/Python

    오류 - selenium.common.exceptions.SessionNotCreatedException: Message: session not created: This version of ChromeDriver only supports Chrome version 92Current browser version is 100.0.4896.60

    예전에 작성 했었던 크롤링 프로그램을 돌려고 보니 해당 에러가 발생 하였다. 원인 에러메시지 대로 크롬드라이브와 현재 크롬 브라우저의 버전이 맞지 않아서 발생하였다. 코드 작성 시기가 오래 되다 보니 크롬드라이브가 버전이 오래 되었다. 크롬 드라이버를 최신버전으로 깔 수도 있다. 하지만 매번 설치하기엔 귀찮아 지니까 코드 상으로 최신버전의 크롬드라이버를 사용하도록 수정해 보자. Traceback (most recent call last): File "C:\Anaconda3\lib\site-packages\selenium\webdriver\chrome\webdriver.py", line 81, in __init__ desired_capabilities=desired_capabilities) File "C:..

    2022. 4. 13. 14:50
    • «
    • 1
    • 2
    • 3
    • 4
    • »

    전체 카테고리

    • Developer
      • Project
        • 주식자동매매
      • Language
        • JAVA
        • Python
        • Spring
        • Ruby&Rails
        • CSS&javascript
        • Databases
        • ETC
      • Linux
      • Mobile
      • Tool
        • Notion
        • Git
      • Quiz
      • Book
      • Review
    Powered by Privatenote Copyright © 끄적끄적 어디서나 개발 All rights reserved. TistoryWhaleSkin3.4

    티스토리툴바