web-project
1.[💻] Vscode - 단축키 모음
Vscode단축키, 마크업시 빠르게 작성하는법
2.[💻] 마크업,시멘틱태그
마크업, 시멘틱태그, Article, Section, seo(검색엔진최적화)
3.[💻] 1주차 정리
float, position, calc
4.[💻] 2주차 정리
📝 주요 특징 - flex
5.[💻] 실습 - NEVER
네이버 클론 코딩
6.[💻] psd포토샵 시안보는법
포토샵 단축키, 시안 보는법
7.[💻] 실습 - GGLAB
포토샵 시안 실습, 모바일 코딩시 주의사항
8.[💻] Jquery
jquery, 클릭이벤트, swiper
9.[💻] 실습 - 서울시청
figure, 체크박스, 슬라이드 자동재생, keycode, btn-top
10.[💻] 실습 - 안다르
scrollTop, 스크롤시 사라졌다, 나타나기 fadeIn/out, 클릭이벤트, 스크롤바, 사이드 메뉴 펼치기, 폰트적용
11.[💻] 실습 - naver career (반응형)
미디어쿼리,flex1,input,placeholder,select,스와이퍼 active,padding-bottom,비디오태그, 자바 호버,length
12.[💻] GSAP
GSAP, cdn
13.[💻] 실습 - barcelona (gsap)
root, swiper-slide-active, outerHeight, Swiper터치, offset().top, 마우스좌표구하기, scrollTrigger
14.[💻] Json
JSON( javascript Object Notation )
15.[💻] 실습 - 카카오페이지(데이터 바인딩)
sass로 처리할수있는가Json이용하여 데이터 연동이 가능한가sass셋팅 정리
16.[💻] 실습 - 맥북
반응형시 오류가 없는가공통 클래스명으로 컨트롤하기 쉽게 작업했는가스크롤에 대한 이벤트처리공통으로 꾸밀때는 영역에 가서 좌표를 잡는게 좋다. \[ video 태그 ] HTML5로 동영상 넣는 방법. 이 글 하나면 모든 고민 끝!muted - 음소거autoplay - 자동
17.[💻] 실습 - earth
📌 svg 마스킹 mask-image를 이용해야한다. background-image처럼 url을 이용해야한다. id연결 먼저 필요한건 ``이다 defs란?? > definitions 정의 그래픽 오브젝트들은 어디서든 참조될 수 있지만, 엘리먼트 안의 이러한 오브
18.[💻] 실습 - 엔터프라이즈블록체인
👀 Check-point GSAP + ScrollTrigger를 활용한 애니메이션 구현 Sc