1주차 개발일지

 1주차 숙제는 간단한 쇼핑몰 프로젝트다. 나는 부트스트랩을 이용해 쇼핑몰 한 페이지를 만들었다. 처음에 부트스트랩을 활용해야 하는 하단의 네가지 아이템들을 어디서 찾아야 할지 몰라 힘이 들었다. 구글링을 해보니 input group이라는 카테고리였다.

 

나는 만든 하나의 폼을 가운데로 정렬하는 과정이 처음엔 가장 힘든 줄 알았다. 직접 해보니 이부분은 전체를 dir태그로 묶고 css에 margin:auto, width, height를 주면 바로 구현되는 쉬운 부분이었다.

 

나는 2개의 문장을 나란히 폰트를 다르게 하고 싶었다. 그래서 <h1>,<h2> 등의 태그를 이용해 크기를 다르게 해보려 시도했다. 하지만 하나의 문장이 아래로 밀리는 현상이 발생했다. 나는 또 구글링했다. 구글링을 하니 <h1> 태그로 묶고 안에 <span>을 주고 css에 폰트크기를 주는 방법을 사용하고 있었다.

 

이번 프로젝트는 구글폰트를 활용해 html 내 폰트를 변경하고, 부트스트랩의 기본적인 틀을 이해할 수 있는 좋은 경험이었다.