대구AI스쿨

웹프로그래밍에 대한 개념과 html기초

페이지 실습, 공간 지정하기

CSS : 태그의 포함관계(부모,자식,형제), 선택자(id,class), 캐스캐이딩, 꾸미기 태그

가상선택자 : link,active,hover,focus / first, last, nth / before,after

박스모델과 포지션: margin, padding / block,inline / vertical-align / position

Z-index

레이아웃 실습

Transform / Transition / Animation

Animate.css 라이브러리

미디어쿼리MediaQuery

미디어쿼리 실습, 미디어쿼리 적용방법

[배운내용] KidsGao 페이지 실습

[배운내용] [어려웠던 점] [해결방법] [학습소감]

애니매이션 moon의 경우 포지션상태가 static으로 되어있기때문에 이 전의 잠자리 이동 애니매이션처럼 left를 사용하지 못하고. margin-left를 사용해야한다. 공간을 설정할때 포지션설정이 어렵다면 id로 묶어주는 큰공간을 relative로 감싸주는것이 가장

덴마크쇼핑몰 'Helbak' - 적응형 웹사이트 실습 / 실무 팁(id, class)

개발자에게 유용한 크롬확장프로그램 / NAVER 메인 카피 실습1

NAVER 메인 카피 실습 2

네이버 쇼핑페이지 실습1

네이버 쇼핑페이지 카피 실습 2 / 무료 이미지 사이트 / em, line-height

네이버 웹툰 카피 실습1 / i태그

네이버 웹툰-디테일페이지 실습 / 특수문자, 영어 대소문자 변경 속성

색깔투명도 표현하기/ 말줄임효과/ letter-spacing

icon태그 없이 배경으로 icon 삽입하기

placeholder / article / overflow:hidden 특성

네이버 뉴스페이지2 : 실습 및 팁

뉴스-연예 페이지 실습 / 마진병합현상- 좌우인경우

네이버 뉴스 - TV연예 페이지 실습

네이버 게임 페이지 실습1/ box-shadow /라운드 형태 검색창 만들기

네이버 게임 페이지 실습 / 게임페이지 기초값 설정

네이버 게임페이지 실습 / 캐스캐이딩을 활용한 실습

네이버 게임페이지 실습(오른쪽) / 웹표준에 맞는 코드쓰기 / flex-wrap / 두 줄 중 하나를 기준으로 중앙정렬

네이버 게임 - e스포츠 페이지 실습

네이버 게임 - e스포츠 페이지 실습 / n번째 말줄임

네이버 게임 - e스포츠 페이지 실습 / font-family / 네이버 오디오클립 페이지 실습 / 3차원영역 크기

네이버 오디오클립 페이지 실습 / 좌우이동버튼 만들기

네이버 오디오클립 - 카테고리 페이지 실습 / space-between 사용시 주의점 / nth-child 활용

트위치 메인페이지 실습 / px↔em 변환계산기 / space-between에서 가운데 정렬 / position: fixed 주의사항

트위치 메인 왼쪽 실습 / 왼쪽 고정섹션 만들기

트위치 중간 영역 실습 / jquery scrollbar / overflow-y:auto / background, background-size

트위치 중간 실습 / transform

CSS 추가수업 / reset.css / normalize.css / css 변수

유투브 메인페이지 실습 / overflow: auto & scroll

유투브 메인페이지 상단 실습