Summary
이번 동영상은 자바스크립트의 핵심인 선택자와 반복문에 대해 알려줍니다.
Highlights
🎯 선택자는 자바스크립트에서 가장 중요한 요소입니다.
📝 선택한 요소의 CSS를 수정하거나 이벤트를 연결할 수 있어야 합니다.
🔂 반복문은 선택한 요소들을 배열에서 처리하기 위해 필요합니다.
🍏 프로트 엔드 개발에서 자주 사용되는 반복문은 for문입니다.
🍒 선택한 요소를 리스트 형식으로 출력하는 예제를 실습합니다.
📜 선택자와 반복문을 통해 요소들을 동적으로 조작할 수 있습니다.
Sample Download: https://drive.google.com/file/d/1MnznL85oMj7GA0pYqxKQ_P0vhl6pkZtp/view?usp=sharing
[ 모바일 기기 감지하기 ]
- 핸드폰 목업 만들기
- iframe 활용
#javascript #mobile #modernizr
홈페이지 : http://ezwebpub.com/
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/
Sample Download: https://drive.google.com/file/d/1MnznL85oMj7GA0pYqxKQ_P0vhl6pkZtp/view?usp=sharing
[ 모바일 기기 감지하기 ]
- 디바이스 픽셀 레티오
- 모더나이저 활용
- UserAgent 활용
에디터: codepen
후원하기: https://toon.at/donate/ezwebpub
#javascript #mobile #modernizr
완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/
sample link https://codepen.io/alikerock/pen/gObQwoz
- 별점 표시하기 html, css, script - 폰트어썸 별표
#jquery #rating #별점
완료본 소스 구매하기(buy final source) : http://ezwebpub.com/product-category/source/
sample link (90번 영상예제에서 이어서 학습 바랍니다.) https://drive.google.com/file/d/1JN-aYgGxzJff-DTzX_KLEmLWYZYNmpv3/view?usp=sharing
- 체크박스라디오
- 진행률 표시
- jQuery UI widget : Checkboxradio, progressbar
#jquery #jqueryui #checkboxradio
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
주말반 수강신청: https://alikerock.tistory.com/notice/165
sample link (90번 영상예제에서 이어서 학습 바랍니다.) https://drive.google.com/file/d/1JN-aYgGxzJff-DTzX_KLEmLWYZYNmpv3/view?usp=sharing
- 숫자
- 달력
- 버튼 위젯
#jquery #jqueryui #spinner #datepicker
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
주말반 수강신청: https://alikerock.tistory.com/notice/165
| jQuery 93 [ 별점 표시하기 ] jQuery로 별점 표시, 점수주기, star rating (0) | 2020.02.12 |
|---|---|
| jQuery 92 [ jQuery UI widget ] 제이쿼리UI 활용 폼 진행률 표시하기 part 3/3 - 진행률 퍼센트 구현하기 (0) | 2020.01.19 |
| jQuery 90 [ jQuery UI widget ] 제이쿼리UI 활용 폼 진행률 표시하기 part 1/3 - 셀렉트 메뉴, 자동완성 폼 (0) | 2020.01.19 |
| jQuery 89 [ flexbox modal ] 플렉스 활용 모달 구현하기 (0) | 2020.01.19 |
| jQuery 88 [ bootstrap modal ] 부트스트랩 모달, 라이트박스 라이브러리, lightbox (0) | 2020.01.19 |
sample link https://drive.google.com/file/d/1JN-aYgGxzJff-DTzX_KLEmLWYZYNmpv3/view?usp=sharing
- 셀렉트 메뉴
- 자동완성
#jquery #jqueryui #selectmenu #autocomplete
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
주말반 수강신청: https://alikerock.tistory.com/notice/165
sample link https://codepen.io/alikerock/pen/NyWPjq
- display:flex 활용 모달 구현하기
#jquery #modal #flex
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
주말반 수강신청: https://alikerock.tistory.com/notice/165
모달 팝업창1 - sample link 1 https://codepen.io/alikerock/pen/vmjVGz
모달 팝업창2 - sample download 2 https://drive.google.com/file/d/1fxvGmiNpwxGKOF2Gz-0rOJJ0m1kW8mfn/view?usp=sharing
- bootstrap modal
- lightbox library jQuery
모달 https://youtu.be/NFhaLV2I830
javascript 모달 https://youtu.be/r8mea8qrEoQ
#jquery #modal #bootstrap
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
주말반 수강신청: https://alikerock.tistory.com/notice/165
예제 링크 (sample link) https://codepen.io/alikerock/pen/jmxpVG -
html5 dialog tag - jQuery Modal jQuery
모달 https://youtu.be/NFhaLV2I830 javascript
모달 https://youtu.be/r8mea8qrEoQ https://caniuse.com/#search=dialog
#dialog #jquery #modal #html5
구독하기(subscribe now) : https://bit.ly/30wbC1y
오프라인 수업 문의: ezwebpub@gmail.com
주말반 수강신청: https://alikerock.tistory.com/notice/165
| jQuery 89 [ flexbox modal ] 플렉스 활용 모달 구현하기 (0) | 2020.01.19 |
|---|---|
| jQuery 88 [ bootstrap modal ] 부트스트랩 모달, 라이트박스 라이브러리, lightbox (0) | 2020.01.19 |
| jQuery 86 [ Kerning ] 글자 한글자 마다 조절하기, 텍스트 애니메이션을 화려하게! (0) | 2020.01.19 |
| jQuery 85 [ fitText ] 반응형에서 폰트사이즈 유연하게 구현하기, vw, fittext, flowtext jQuery 라이브러리 활용 (0) | 2020.01.19 |
| jQuery 84 [ Ajax ] 제이쿼리 - load, $.ajax로 파일 내용 로드하기 (0) | 2020.01.19 |