https://www.youtube.com/@Ezweb/playlists
Rock's Easyweb
안녕하세요. Rock's Easyweb(구, 바위처럼의 이지웹) 의 강사 김동주입니다. 본 채널은 웹디자인부터, html, css, javascript, jquery등 기본적인 웹퍼블리싱에 필요한 프로그램과 언어를 비롯하여 php, cafe24,
www.youtube.com
정말 좋은 유튜브 채널.. 왠만한거 다 있다
자주 쓰이는 코드 정리
- 팝업
- 탭
- 스크롤스파이
- 스크롤시 헤더 픽스
- 슬라이드, 데이터피커 제이쿼리 사용
CSS
- 그리드 / 플렉스 이해
- 가상선택자 이해
- 이메일용/프린트용 페이지 퍼블리싱
- 업무때 참고할만한 Wireframe Kit 찾기
자바스크립트 코드 짜기
- 이벤트리스너 종류 파악
- jquery 선택자 사용하기
https://ducklett.tistory.com/6?category=857750
(jQuery) 요소의 탐색
상위(ancestor:조상) 요소의 탐색 DOM 트리에서 특정 요소의 부모(parent) 요소를 포함한 상위의 요소를 탐색하기 위한 메소드는 다음과 같다. .parent() 선택한 요소의 부모(parent) 요소를 선택한다.
ducklett.tistory.com
- checkbox, radio, css 값 가져오기
- checkbox, radio, css 값 변경
- JQuery 소스를 자바스크립트로 변환 (JQuery를 아예 안 쓴다면 필요는 없다)
- 윈도우 창 크기 구하기
https://ducklett.tistory.com/46
Javascript 해상도에 따른 이벤트 설정 / 윈도우 창 크기 구하기
window.innerWidth + 창틀, 스크롤 크기 = window.outerWith window.innerHeight + 창틀, 스크롤 크기 = window.outerHeight 100vh 는 window.innerHeight 스크롤 이벤트 생성 $(window).on('scroll',, function..
ducklett.tistory.com
- animate 이용
웹에 대해 심도있게
- 브라우저 쿠키/세션스토리지/로컬스토리지 구분
- 서버에 대한 간단한 이해 (WEB2라고 적힌 것을 보면 됩니다. 갓..생활코딩님)
https://opentutorials.org/course/3265
WEB2 - Home server - 생활코딩
수업소개 이 수업은 자신의 집에서 서버를 운영하는 방법을 알려드리는 수업입니다. 가정에서는 보통 공유기를 이용해서 인터넷을 이용하는 경우가 많습니다. 이런 환경에서 서버를 운영하기
opentutorials.org
- ES6 문법
- 객체
https://poiemaweb.com/js-object
Object | PoiemaWeb
자바스크립트는 객체(object)기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 “모든 것”은 객체이다. 원시 타입(Primitives)을 제외한 나머지 값들(함수, 배열, 정규표현식 등)은 모두
poiemaweb.com
- this 에 대한 이해
this | PoiemaWeb
자바스크립트의 this keyword는 Java와 같은 익숙한 언어의 개념과 달라 개발자에게 혼란을 준다. Java에서의 this는 인스턴스 자신(self)을 가리키는 참조변수이다. this가 객체 자신에 대한 참조 값을
poiemaweb.com
https://www.youtube.com/watch?v=ayyuU0xdbIU
'웹 퍼블리싱 > 퍼블리셔 기능 구현' 카테고리의 다른 글
| 카피 버튼 만들기 (0) | 2020.12.11 |
|---|---|
| 커스텀 라디오 버튼 만들기 (0) | 2020.06.29 |
| 커스텀 셀렉박스 (0) | 2020.06.29 |
| 토글 스위치 버튼 만들기 (0) | 2020.06.26 |
| 탭기능 구현 (0) | 2020.06.26 |