forward

1. Selenium으로 DOM요소 선택 - 요소를 찾지 못하면 NoSuchElementException 발생 이름 설명 처음요소를 추출 find_element_by_id(id) id속성으로 요소를 하나 추출 find_element_by_name(name) name 속성으로 요소를 하나 추출 find_element_by_css_selector(query) css 선택자로 요소를 하나 추출 find_element_xpath(query) xpath를 지정해 요소를 하나 추출 find_element_by_tag_name(name) 태그 이름이 name에 해당하는 요소를 하나 추출 find_element_by_link_text(text) 링크 텍스트로 요소를 추출 find_element_by_partial_li..

카멜케이스 userShow, userUpdate - 첫번째 단어는 소문자 두번째단어부터는 대문자 - 변수명,함수명에 쓰면 좋음 파스칼케이스 userShow, userUpdate - 단어마다 첫번째는 대문자로 - 보통 클래스명에 쓰임 스네이크케이스 user_Show, user_Update - 단어를 _로 나눔 - 보통 파일명에 많이 쓰임

한줄라인 글자수 제한 - HTML 안녕하세요. CSS에서 ellipsis("...")를 처리하는 방법 입니다. - CSS .txtBox { width:150px; padding:0 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } 멀티라인 글자수 제한 -HTML 안녕하세요. CSS에서 ellipsis("...")를 처리하는 방법 입니다. 안녕하세요. CSS에서 ellipsis("...")를 처리하는 방법 입니다. 안녕하세요. CSS에서 ellipsis("...")를 처리하는 방법 입니다. 안녕하세요. CSS에서 ellipsis("...")를 처리하는 방법 입니다. 안녕하세요. CSS에서 ellipsis("...")를 처리하는 방법 입..

a 링크 div 링크

JS 또는 CSS 작업 완료 후 조금이라도 용량을 줄이고 싶을때 아래 링크로 들어가 코드를 붙여넣고 버튼 하나만 눌러주면 된다. https://jscompress.com/ JS http://csscompressor.com/ CSS 1. 코드를 넣고 Compress 버튼을 누른다. 2. 얼마나 절약했는지도 보여준다. 3. 다시 되돌리는 방법은 이전과 같이 코드를 붙여넣고 셀렉트 박스를 클릭해 Low (higer readability) 선택하고 Compress 버튼을 누르면 된다.

JSFIDDLE은 프런트엔드 기술인 HTML, CSS, JavaScript를 웹에서 바로 테스트할 수 있고, 소스를 저장, 공유할 수 있다. 사용법은 1. http://jsfiddle.net/에 접속한다. 2. HTML, CSS, JavaScript 코드를 입력할 수 있는 화면이 보인다. 3. 코드를 입력할때 HTML 입력 화면에는 태그 하위의 콘텐츠를 입력한다. JSFIDDLER이 태그를 자동으로 만들어주기 때문이다. 마찬가지로 JavaScript, CSS도 시작 태그 없이 바로 코드를 입력하면 된다. 4. Run 버튼을 누르면 입력된 코드의 결과가 Result 창에 출력된다. 5. Embed 버튼을 눌러 소스코드를 복사한다. 6. 기본모드를 HTML로 변경하여 복사한 코드를 붙여 넣으면 된다. 아래와..

기존의 input file 필드를 사용하게 되면 UI를 커스터마이징 할 수 없다. 해당 필드는 각 브라우저자체에서 적용되어 있는 UI여서 CSS 스타일로 변경이 불가능하다. (각 브라우저자체에 적용되어 있는 UI) 대안으로 몇가지 방법 중 onclick을 사용하여 태그를 사용하여 클릭 시 input file 태그를 클릭한 것처럼 동작하게 된다. HTML 업로드 첨부파일 첨부파일 선택 CSS label { font-family: "Noto Sans KR", \"Noto Sans KR\"; font-size: 16px; font-weight: 400; line-height: 1.5em; } .btn { display: inline-block; margin-bottom: 0; font-weight: norma..

HTML 특수문자 특수문자 특수이름 아스키코드 > > > & & &  " " " " 공백 ⓒ © © © ￥ ☞ 그 외 기호는 아래 링크를 참고하세요. 수학기호 : https://www.w3schools.com/charsets/ref_utf_math.asp 그리스문자 : https://www.w3schools.com/charsets/ref_utf_greek.asp 통화기호 : https://www.w3schools.com/charsets/ref_utf_currency.asp 회살표 : https://www.w3schools.com/charsets/ref_utf_arrows.asp 기타 모양 : https://www.w3schools.com/charsets/ref_utf_symbols.asp 기타 ..