2019-04-09 TIL

time

datetime 필요
time[datetime=”2019-04-09T11:18:27”]

2019-04-08 TIL

시멘틱 마크업

article.term
    h2.term-head
    div.term-body
        h3.term-title
        img.term-img        
        span.term-content


section.term
    h2.section-heading{웹 관련 용어}
    dl.term_list
        div
            dt.term-list-subject
                a
            dl.term-list-thumbnail
                img
            dd.term-list-brief
                text

2019-04-05 TIL

form

상호작용
필수 요소로 action을 가짐(주소)

fieldset : 연관성 있는 서식의 묶음

legend : fieldset의 목적


label : 입력서식에 대한 표시, 모든 입력서식은 label을 가져야 함

암묵적 label : label 안에 input을 넣는 방법
명시적 label ; label에 for를 이용하여 input의 id를 입력


required

논리속성
submit의 action으로 데이터 전송 전 browser에서 필수값을 확인


placeholder

안에 들어올 값 이나 값의 힌트를 미리 입력 / label과 동일하게 많이 사용하나 다름


inputtype

https://seulbinim.github.io/WSA/form.html#input-%EC%9A%94%EC%86%8C
https://miketaylr.com/pres/html5/forms2.html

2019-04-04 TIL

그라데이션

background-image: linear-gradient(red, green) : 위에서 아래, 레드에서 그린

background-image: linear-gradient(to right, red, green)

https://webgradients.com/


https://leaverou.github.io/css3patterns/

http://www.colorzilla.com/gradient-editor/

2019-04-02 TIL

css 중요도

상속
<br겹침
<br우선순위

HTML 중요도 = box model

position
float
display
block

inline


brinline-block


flex


gird

2019-04-01 TIL

flex

main에 display를 flex로 설정

flex-direction을 이용하여 가로로 정렬

justify-content를 이용하여 group1~3의 사이를 균등하게 분할

IE11에서 이용 불가

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

shopping_spree

web-basic-project

  • 참여인원 : 3인
  • 총 제작 기간 5일

    1일차 : 아이디어 및 컨셉 회의
    2일차 : 기본 레이아웃 및 메인기능 구현
    3일차 : 서브기능 정리 및 레이아웃 수정
    4일차 : 서브기능 구현 및 디자인요소 추가
    5일차 : 벨리데이션

to-do list

to-do list

3주차 과제

javascript, jquery, bootstrap을 이용한 todo list
localstorage를 이용한 save & load
image

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×