란 개발일지

셀렉트 박스에 옵션 추가 // 주로 $.each 돌며 option 추가 $('#selectBoxId').append($('', { value: optionNo, text: optionName })); 순서(index)를 지정하여 selected 속성 추가 $("#selectBoxId option:eq({1})").attr("selected", "selected"); // 첫번째 옵션에 셀렉티드 속성 추가 text로 selected 속성 추가 $("#selectBoxId").val("{optionName}").attr("selected", "selected"); $("#selectBoxId").text("{optionName}").attr("selected", "selected"); value값으로 sel..

갭알/JS & JQUERY 2021. 11. 21. 22:46

기존 코드$("#btn").click(function(){ // 클릭 시 수행될 작업})동적으로 추가된 태그의 경우 기존에 이미 렌더링된 클릭 이벤트는 적용이 안된다. 그 이유는 아직 아이디가 btn 인 버튼이 생성되지 않아 인식하지 못하기 때문$("#btn").on({ click: function() { // 클릭 시 수행할 작업 }});내가 자주 쓰는 코드는 이거(이건 되는지 몰겠삼)* on() 이벤트를 실행할 때 실행하는 순간 바로 그 자리에서 찾아 연결해주는 메서드  수정된 코드$(document).on("click", "#btn", function(){ // 클릭 시 수행할 작업});위와 같이 수정하여 해결 할 수 있다.(클릭 뿐 아니라 다른 이벤트도 마찬가지..

갭알/JS & JQUERY 2021. 11. 8. 17:08

밀린 캡스톤 일지.. 이제서야 쓰다..이것만 해결하고 써야지 하다가 해결 못해서 며칠 고생하고 드디어 쓴다하지만 아직도 해야할게 산더미라는거 ~..~이제 다시 이프 출근해야되서 짱 바쁠예정  장바구니 기능 구현하기선택한 메뉴 정보를 임시로 담고있는 장바구니 정보(메뉴 추가, 수정, 삭제 가능해야함)를 어떻게 유지해야하나 고민했다.DB에 저장할 데이터도 아니고.. 그냥 인메모리로 들고있자니 페이지 이동되었다가 리로드됐을 때(결제 전 메뉴 수정 등) 정보 유지도 안되고..그렇게 고민하던 중 생각난 방법이 바로 쿠키값으로 저장하는거!! 자바스크립트에서 쿠키를 이용하는 방법으로는1. cookie.js (https://github.com/js-cookie/js-cookie) GitHub - js-cookie/js..

학부/캡스톤(a.k.a 졸작) 2021. 11. 8. 01:07

keydown() : 키를 눌렀을 때 이벤트 지정 $('#input').keydown(function (e) { if(e.keyCode == 13) { // enter key(13) 눌렀을 때 이벤트 } }) keyup() : 키를 놓았을 때 이벤트 지정 $('#input').keyup(function (e) { if(e.keyCode == 13) { // enter key(13) 놓았을 때 이벤트 } }) keypress() : 키를 눌렀을 때(keydown 이벤트 이후에) 발생, 영어와 숫자 눌렀을 때만 발생되며 기능키(func, shift 등) 적용 안됨 $('#input').keypress(function (e) { // event }) * 키를 눌렀을 때 keydown -> keypress ->..

갭알/JS & JQUERY 2021. 8. 26. 16:42

파이널 프로젝트 views.py에서 맥주 이름들을 리스트로 저장하고 이를 html에 넘겨줬다. 이 넘겨받은 값들을 스크립트에서 for문으로 다루고 싶어 배열처럼 다뤄야 해야하는데 잘 되지 않는다. 파이썬의 리스트를 스크립트에서 바로 배열로 처리하지 못하는듯 하다.. 찾아보니 파이썬에서 json 라이브러리를 써서 json형태로 전달하는게 보통 하는 방식인거같은데 맥주 이름이 70개 이하로 많지 않아서 그냥 간편한 방법으로 해결했다. [참고] Python list vs Javascript Array https://agvim.wordpress.com/2017/08/22/python-list-vs-javascript-array/ Python list vs. JavaScript Array 파이썬을 좀 더 잘 이해..

PYTHON/기본 2021. 8. 12. 11:43

자주 써도 헷갈리는 ajax 스크립트 한번에 정리 success & error & complete GET - 서버에서 데이터 조회 $.ajax({ url: url type: 'GET', async: true, // 기본값은 비동기, false일 경우 동기 요청으로 변경 dataType : 'json', // 서버로부터 수신할 데이터 타입 xml, script, html, text.. beforeSend: function (xhr) { // ajax 요청 전 실행되는 내용 }, success: function (result) { // 성공 시 수행할 내용 }, error: function (error) { // 실패 시 수행할 내용 }, complete: function(data) { // 성공 실패와 상..

갭알/JS & JQUERY 2021. 5. 18. 21:35

8자 이상 문자와 숫자 포함 /^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$/ 8자 이상 문자와 숫자, 특수 문자 포함 /^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$/ 8자 이상 대문자, 소문자 포함 /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$/ 8자 이상 대문자, 소문자, 특수문자 포함 /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}/ 최소 6자 최대 12자 대문자, 소문자 숫자, 특수문자 포함 /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-..

갭알/JS & JQUERY 2021. 4. 29. 02:35

공백 체크 function checkBlank(value) { var blank_pattern = /[\s]/g; return blank_pattern.test(value); } 전화번호 입력 시 숫자 체크, 하이픈(-) 자동 추가 function autoHyphen(str) { str = str.replace(/[^0-9]/g, ''); var tmp = ''; if( str.length < 4) { return str; } else if(str.length < 7) { tmp += str.substr(0, 3); tmp += '-'; tmp += str.substr(3); return tmp; } else if(str.length < 11) { tmp += str.substr(0, 3); tmp +=..

갭알/JS & JQUERY 2021. 4. 23. 01:41