본문 바로가기

분류 전체보기253

[JS] input[type=input] 일 때, 글자 수 제한 숫자 코드를 4자리만 입력해야 하는 일이 있다. 혹은 휴대폰 인증번호 5,6 자리만 입력해야 한다. 이 때, maxlength를 사용할 수 있다. 그런데 이게 [type=text] 일 때는 잘 되는데 [type=number] 일 때는 되지 않는다. 그래서 js로 해결을 해 주어야 한다. 함수를 만들고 oninput으로 입력될 때 마다 실행시킨다. function lengthLimit4(e){ if(e.value.length > 4){ e.value = e.value.slice(0, 4) } } 해당 방법이 입력되는걸 가장 깔끔하게 막는다. 2020. 5. 7.
[JS] 체크박스 전체선택,해제 로직 만들기 (회원가입,마케팅 약관동의, 이용약관) 새로운 웹을 개발하게 되어 작업을 하던 중 회원가입에 들어가는 약관 동의 체크박스를 만들게 되었습니다. 그런데 그냥 체크박스만 하면 되는게 아니라 전체 선택 전체 해제 전체선택 후 하나만 해제했을 때, 전체선택도 해체 해주기 개별 선택으로 전체 다 선택되었을 때, 전체선택에도 체크 해주기 등 조건이 많았습니다. 이전에도 만든 일이 있었지만 또 헤매어서 이번 기회에 정리를 해보면 좋을 것 같아 작성합니다. jquery를 사용합니다. 결론만 알고 싶으시다면 마지막에 있습니다. 다만 많은 분들께서 내용이 좋다고 해주셔서 프론트엔드에 막 입문하신 분께서는 한번 찬찬히 읽어보시길 추천드립니다. 고민하는 과정을 기록해 놓았습니다. 예제 HTML 전체 동의 개인정보 처리방침 동의 서비스 이용약관 동의 마케팅 수신 동.. 2020. 4. 19.
[PYTHON] selenium webdriver 경로 설정하기 에러 메세지 selenium.common.exceptions.WebDriverException: Message: 'chromedriver.exe' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/chromedriver/home selenium.common.exceptions.WebDriverException: Message: 'chromedriver.exe' executable needs to be in PATH. Please see https://sites.google.com/a/chromium.org/chromedriver/home 배경 오랜만에 웹 크롤링을 만들어보려고 selenium을 설치하여 실행.. 2020. 4. 12.
[CORS] 가끔씩 겪는 CORS, 로컬에서 발생시 해결 배경 CORS 이슈를 가끔씩 겪는데 지금까지는 서버 구동중에 겪는 이슈라서 어찌저찌 검색으로 해결했다. 그리고 당연히 로컬에서는 안나올 줄 알았는데 PDF.js를 로컬에서 만들어 보려고 하는 순간 CORS가 걸려버렸다... 왜...? 인가 하고 보니 MissingPDFException.. origin이 null 이라고 한다. 해결방법 해당 부분을 긁어 검색해보니 velog 님의 블로그에 너무 친절하게 설명되어 있어서 내가 따로 설명하기보다 링크 연결을 해 드리는 편이 훨씬 보기도 좋고, 내가 나중에 볼 때도 이보다 더 자세히 설명한 자료를 보기 힘든 것 같아 공유한다. https://velog.io/@takeknowledge/%EB%A1%9C%EC%BB%AC%EC%97%90%EC%84%9C-CORS-po.. 2020. 4. 10.
[AWS] EC2 instance Amazon-Linux / nginx, mysql 설치 매번 EC2 instance를 만드는데 설정하는게 헷갈려서 정리 해보려고 작성합니다. 이전엔 Centos를 썼는데 오늘은 Amazon-Linux를 설정합니다. 먼저 yum update를 하라고 나오기 때문에 sudo yum update https://aws.amazon.com/ko/premiumsupport/knowledge-center/ec2-install-extras-library-software/ Amazon Linux 2 EC2 인스턴스의 Extras 라이브러리에서 소프트웨어 설치 Extras 라이브러리에서 소프트웨어 패키지를 설치하려면 먼저 amazon-linux-extras 리포지토리가 인스턴스에 설치되어 있는지 확인하십시오. 그런 다음, 사용 가능한 소프트웨어 패키지를 나열하고 찾고 있는 패.. 2020. 4. 8.
[MYSQL] WHILE문 WHILE 조건 DO 실행할 문장 END WHILE; WHILE문을 사용하려고 알아봤는데 모든 예제에 프로시져가 붙어 있었다. 이유가 데드락 때문이라고 하던데... 입문자인 나는 잘 모르겠다. 그래도 모두 쓰는 데에는 이유가 있으니.. 그리고 프로시져를 쓸 때에는 DELIMITER를 꼭 사용한다. WHILE문 하나 알아보는데 몇개를 알게 된건지... 나는 https://www.mysqltutorial.org/mysql-stored-procedure/mysql-while-loop/를 참고했다. 많은 설명이 있어서 좋다. 영어라는 점은.... MySQL WHILE Loop Explained By a Practical Example In this tutorial, you will learn how to use.. 2020. 4. 8.
[AWS] Amazon-Linux에 Node.js 설치 https://docs.aws.amazon.com/ko_kr/sdk-for-javascript/v2/developer-guide/setting-up-node-on-ec2-instance.html https://docs.aws.amazon.com/ko_kr/sdk-for-javascript/v2/developer-guide/setting-up-node-on-ec2-instance.html 자습서: Amazon EC2 인스턴스에서 Node.js 설정 docs.aws.amazon.com 2020. 4. 8.
[MYSQL] 비어있는 문자 0으로 채우기 LPAD : 왼쪽에 채우기 RPAD : 오른쪽에 채우기 EX) LPAD(1,'3','0') = 001 LPAD(2,'3','0') = 002 ... ... ... LPAD(넣을 값, 최대 갯수, 빈 곳에 들어갈 문자) 이런 순서로 작성하면 된다. 2020. 4. 8.
[Node.js] PM2 서버 자동 실행 하는 명령어 및 방법 배경 EC2 스케줄을 맞춰놓아서 인스턴스는 잘 실행이 됐는데, 개발 서버에 접속해보니 안들어가졌습니다. 생각 해보니 인스턴스를 껐다가 키면 Node.js 서버는 그냥 죽어있다는 것... 그래서 인스턴스가 켜질 때 마다 Node.js 서버도 자동으로 켜지도록 만들어야 했는데 찾아보니 매일 보면서 지나갔던 명령어였습니다. 해결 과정 pm2 startup 그리고 그 자동시작 설정을 저장하기 위해 pm2 save 그런데... 생각대로 안됩니다. 개발 서버이기 때문에 process.env.NODE_ENV 를 development 로 실행시키기 위해 설정해놓은 파일을 실행시키기 위해 pm2 startup ecosystem.config.js 이렇게 실행을 했는데 음... 뭐... 잘 알아 들을 수 있는 건, just.. 2020. 4. 7.

티스토리툴바