프로그래밍/웹4 [css] 체크박스 /* 라운드진 체크박스 */ input[type="checkbox"] { -webkit-appearance: none; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; width: 20px; height: 20px; cursor: pointer; outline: none !important; border: 2px solid #9999; border-radius: 4px; vertical-align: middle; } /* 여기가 체크표시를 위한 코드 */ input[type="checkbox"]::before { content: "\2713"; position: absolute; top: 50%; left: 50%; .. 2022. 3. 10. [javascript] 체크박스 선택/해제 모든 체크박스를 선택/해제하는 녀석의 id를 checkboxall 이라고 주고(id='checkboxall') 나머지 체그박스들은 name을 row_check라고 준다.(name='row_check') function checkAll() { let checkboxall = document.querySelectorAll("input[name='row_check']"); if (document.querySelector('#checkboxall').checked == true) { for (let x = 0; x < checkboxall.length; x++ ) { if (checkboxall[x].disabled == false) checkboxall[x].checked = true; } } if (docu.. 2022. 3. 10. css 선택자 https://www.codingfactory.net/12644 selector.class selector selector 하위 선택 selector > selector 자식 선택 selector ~ selector 형제 선택 selector + selector 형제 선택자중 첫번째 selector::before 선택자 앞쪽에 무언가 한다. selector::after 선택자 다음에 무언가 한다. [attr] 특정 이름(attr)을 가진 속성 선택 tag[attr] 특정 이름(attr)의 속성을 가진 tag이름의 요소 선택 tag[attr = "value"] 특정 이름(attr)의 속성에 특정 값(value)을 가진 tag이름의 요소 선택 (value값이 정확하게 일치해야함) tag[attr ~= "va.. 2022. 3. 5. 플라스크 초기 사용법 위키독스의 "점프 투 플라스크" 라는 강좌를 공부하며 정리한 내용입니다. https://www.wikidocs.net/81052 위키독스 온라인 책을 제작 공유하는 플랫폼 서비스 wikidocs.net * 디렉토리 구조 + project/ + pybo.db + pybo/# FLASK_APP에 등록된 이름의 디렉토리 + __init__.py + filter.py + forms.py # 브라우저에서 사용될 form 관련 클래스 처리 + models.py # 모델기반의 데이타베이스 처리를 위한 모델 클래스들 + views/# 화면에 보여지는 내용을 처리하기 위한 코드들 # templates 디렉토리의 파일을 가져다 렌더링하여 # 브라우저에 보여질 html 코드를 생성한다. + answer_views.py + .. 2020. 8. 22. 이전 1 다음