2019년 2월 13일, 14일에 배운 것(TIL)

Udemy The Web Developer Bootcamp, ‘섹션8: Bootstrap 4!’의 94. Typography까지 듣고 실습했다. 부트스트랩이 있단 것도 몰랐는데 처음 써봤고 정말 신세계였다. 검색해보니까 쓰는 게 좋은지 안 쓰는 게 좋은지 이야기가 좀 있지만, 이러한 ‘라이브러리’를 쓰는 이유에 대해 이해할 수 있게 됐다.

2019년 2월 10일에 배운 것(TIL)

오늘 한 일 Udemy The Web Developer Bootcamp, ‘섹션6: Intermediate CSS’의 58. More Text and Fonts까지 듣고 실습했다. 폰트사이즈에서 em의 값은 동적(dynamic)이다. 앞서 지정된 폰트 사이즈(body)에 따라 변동된다. 폰트 크기를 지정하지 않는다면 브라우저마다 다르나 보통은 16px의 크기를 가진다. 사용할 때는 1.0em과 같이 작성하고 2.0em은 지정된 값의 두 배를 뜻한다.

2019년 2월 8일에 배운 것(TIL)

오늘 한 일 Udemy The Web Developer Bootcamp, ‘섹션5: Introduction to CSS’의 55. Selectors Practice Exercise: SOLUTION까지 듣고 실습했다. element 선택자에는 li, p 등이 있다. ID 선택자(#id {})는 하나의 element에만 적용되고 여러 개의 경우 class 선택자(.class {})를 사용한다. star 선택자(* {})는 모든 요소에 적용된다. descendant 선택자는 다음과 같은 모습으로 사용된다. li a {}의 경우 li 안에 […]

2019년 2월 7일에 배운 것(TIL)

오늘 한 일 Udemy The Web Developer Bootcamp, ‘섹션5: Introduction to CSS’의 46. Background and Border까지 듣고 실습했다. CSS를 적용하며 배경에 이미지를 사용할 수 있다. url(이미지 주소);. 자동으로 반복하지 않게 하려면 background-repeat: no-repeat;을, 창에 맞게 늘리려면 background-size: cover;를 사용하면 된다. 지금까지 색상 코드를 쓰면서 별생각 없었던 것들에 대해 알게 됐다. #으로 시작하는 것은 16진법(Hexadecimal) 시스템으로, 0에서 […]

2019년 2월 5일에 배운 것(TIL)

오늘 한 일 Udemy The Web Developer Bootcamp, ‘섹션4: Intermediate HTML’의 37. Dropdowns and Radio Buttons까지 듣고 실습했다. input 태그에서 pattern을 활용하면 텍스트 길이를 설정할 수 있다. pattern=”.{8,}”과 같이 작성하면 8자 이상. “.{5,10}” 5자 이상 10자 이하. Input 태그의 id와 name의 차이: “The ID of a form input element has nothing to do with the data […]

2019년 2월 4일에 배운 것(TIL)

오늘 한 일 Udemy The Web Developer Bootcamp, ‘섹션4: Intermediate HTML’의 37. Dropdowns and Radio Buttons까지 듣고 실습했다. Input 태그에서 placeholder를 사용하면 가이드 텍스를 넣을 수 있고, required를 넣으면 포맷에 맞게 입력해야만 하도록 설정할 수 있다.

2019년 1월 31일에 배운 것(TIL)

오늘 한 일 Udemy The Web Developer Bootcamp, ‘섹션3: Introduction to HTML’의 23. HTML Lists Assignment: SOLUTION까지 듣고 실습했다 <table>태그에서 <thead>와 <tbody>태그를 이용해 각 테이블 내용을 명확하게 구분한다. <form>태그에서는 action과 method를 지정할 수 있다. action에는 form 데이타를 보내는 URL을 작성한다. method는 서버로부터 정보를 받는 get과 서버에 정보를 추가하는 post, 두 가지 중 하나를 지정할 수 […]