728x90

WEB 44

Select 박스 커스텀이 귀찮아서 div로 Select Box 만들어 버리기

select 박스를 사용하려고 할때 커스텀하는게 귀찮아졌다 그래서 div로 select 박스를 만들고 있는데 나중에 까먹을까봐 미리미리 기록하기 제목 제목 내용 글쓴이 .select{ width: fit-content; background: #FFFFFF url("../public/img/icon/select-box-row.png") no-repeat scroll; border: 1px solid #b8b8b8; overflow: hidden; font-size: 18px; color: #666666; padding: 10px 0 10px 18px; width: 155px; } .select-ul{ list-style-type: none; overflow-x: hidden; overflow-y: auto..

WEB 2020.02.07

HTML 과 CSS 기초

*공간분할* div : 가로 분할 span : 세로 분할 *텍스트 태그* pre : 게시판에서 pre 텍스트 내에 있는 태그들이 적용됨! -> 조금있다가 더 검색 필요 *a 태그* target 한번 검색해보기 href=“#id” 하면 id를 가진 div 및 컨포넌트로 화면이동 *form 태그* GET : 게시판에 정보를 가져올때 (select) POST : 게시판에 정보 삽입할때 (insert) PUT : 게시판 정보 변경할때 (update) *동영상 띄울때?* 예전에는 envd 이제는 video 태그 사용! *iframe* 외부 html을 내부로 가져올때 선택자 #id div : #id 아래 모든 div 적용 (자손 선택자) #id > div :#id 자식 div만 적용 (자식 선택자) 동위선택자 #d..

WEB/CSS 2020.02.04

DATE PICKER을 사용해서 달력 출력

script로 input 박스 선택시 달력 출력하는 방법을 알아보자 요즘은 스크립트가 잘되어있어서 제대로된 스크립트만 참고하면 가능하다 $(function () { $("#date_picker").datepicker({ dateFormat: 'yy-mm-dd' }); )} 날짜 뿐만아니라 시간까지 출력하고 싶다면 $(function () { $("#datetime_picker").datetimepicker({ format: 'y-m-d H:i' }); }); datetime picker를 이용하면된다 참고 https://jqueryui.com/datepicker/

WEB/JS 2020.01.31

[mac os] setting android home path

cordova build 를 하는데 오류가 발생했다 8ㅅ8 android path 설정이 되어있지않다는것! 안드로이드 스튜디오로가서 저부분을 확인해준다! 저부분이 바로 내 안드로이드스튜디오의 home path!! 이제 homepath도 확인했으니까 설정을 해주자! export ANDROID_HOME={YOUR_PATH} export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools 이렇게 패스 절정후 cordova build를 하면 빌드 성공을 볼수 있다!

WEB 2020.01.17

[jquery] inputbox text 변경 실시간 감지

input box에 사용자가 값을 입력하면 실시간으로 감지하는 함수이다. $("#text-box").on("change keyup paste", function(){ alert("change"); }) 사용자가 일반적으로 입력했을경우에는 감지가 가능하지만 개발자도구로 변경했을 경우에는 감지가 잘 되지 않는다. $("#input-text").on("propertychange change keyup paste input", function(){ alert("change"); }); 위처럼 하면 개발자 도구를 이용하여 값을 변경해도 감지가 가능하다.

WEB/JS 2020.01.06
728x90