HTML & CSS

바닐라JS, ReactJS등을 공부하다가 간단한 프로젝트를 구상해보았다. 하지만 항상 부족한 CSS 기본기가 발목을 붙잡는다... 보통 HTML과 CSS를 묶어서 배우는 경우가 많기 때문에, 부족한 기본기도 보완할겸 HTML과 CSS에 대해 다시 공부해야할 필요성을 느

1\. div를 이용한 박스 만들기많은 웹페이지는 박스 레이아웃으로 구성되어 있다.저번에 우리가 만든 간단한 프로필을 다시 보자.이 화면에서 아래쪽에 자세한 설명을 추가해보자.그냥 글만 넣으면 밋밋하니까 박스를 추가해서 박스 안에 글을 작성해보자.박스형태로 글을 작성

div 태그를 이용해서 박스 모델을 짜는 것까지 공부했었다.그렇다면 기본적인 블로그를 만들기 위해 전체적인 골격, "레이아웃"을 짜보자.1\. 박스 레이아웃 짜기많은 사이트가 위와 같은 레이아웃을 가지고 있다.큰 4개의 박스를 모두 포함하는 가장 큰 박스를 하나 만들고

\> 1. navbar란?많은 블로그 형태의 웹페이지는 상단의 navbar 가 있다.navbar가 무엇인가 하면,이처럼 상단에 위치하여 navigation의 역할을 해주는 bar라고 할 수 있겠다.위와 같은 navbar를 구현할 때는 nav 태그를 주로 이용한다. ul

이번에는 요즘 트렌드인 대문 페이지를 만들어보자!우선 배경으로 들어갈 예쁜 사진을 먼저 찾는다.(당연히 저작권 없는 이미지로 찾는다.)그리고 body에 해당 div태그를 추가한다. (박스를 넣어준다는 느낌)이 안에 바로 img태그를 사용해도 되지만,Css파일에 를 작성