web 13

3. Responsive Web Design - Applied Visual Design

freecodecamp 리뷰 3번째 글입니다. 앞에서 HTML, CSS의 아주 기초적인 부분들만 배웠는데 여기 부터는 조금 더 어려운 내용을 다루고 있습니다. 52개 subjects로 Responsive Web Design Course에서 가장 많은 양을 차지합니다. 그러나, 다 글 읽고 바로 적용해보면 되는 문제라 시스템에 익숙해지면 금방 하실 수 있습니다. Create Visual Balance Using the text-align Property text의 위치를 정해주는 text-align property에 대한 내용입니다. left, center, right, justify 4가지를 갖는데 jusify는 특이하게 행 전체에 균등하게 글자를 배분합니다. 워드를 하다 보면 글씨가 이상하게 끝까지 차..

TUTORIALS 2021.07.23

2. Responsive Web Design - Basic CSS

Basic HTML and HTML5 에 이은 2번째 글입니다. 저번에는 웹 페이지의 골격을 이루는 HTML에 대한 기초를 배웠다면, 이번에는 HTML을 다양한 방식으로 보여주기 위한 수단인 CSS를 배웁니다. 이전 글과 마찬가지로 일단 순서대로 모두 하신 후에 이 글을 읽으면서 내용을 복습하면 되겠습니다. 각 제목을 보면서 어떤 내용이었는지 되새겨 보신 후에 제목 아래에 있는 포인트 들을 이해하고 넘어가시면 됩니다. Change the Color of Text tag 내에 style="property: value" 이러한 방식으로 style attribute를 넣을 수 있고, 이렇게 넣은 style을 inline style이라고 합니다. css에서 color라고 하는 것은 항상 글씨의 색깔입니다. 배경..

TUTORIALS 2021.07.23

1. Responsive Web Design - Basic HTML and HTML5

리뷰 시리즈 첫 글입니다. 대체로 블로그 글로 리뷰란 논평의 의미를 갖지만 이 글에서 리뷰의 의미는 복습의 의미가 강합니다. freecodecamp의 경우 코딩 문제를 풀기만 하면 바로 넘어가기 때문에 내용을 제대로 이해하지 않고 넘어가는 경우도 많고, 한 주제를 빠르게 끝낼 수 있기 때문에 기억에 잘 남지 않는 문제가 있습니다. 저와 함께 freecodecamp에서 공부한 내용을 복습하여 내용이 머리 속 깊이 자리 잡을 수 있도록 해보려 합니다. Basic HTML and HTML5는 총 28개의 Subject를 갖고 있으나, 첫 주제 답게 내용이 상당히 쉽습니다. 영어라는 장벽만 넘으신다면, 처음 하시는 분이더라도 3시간 이내에 하실 수 있을 것으로 보입니다. 시간을 정확히 기록하지 않았으나, 저는 ..

TUTORIALS 2021.07.22