Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
Tags
- 테이블
- 멤버접근허용
- 함수중복
- SQL
- 객체지향프로그래밍
- 연산자재정의
- 랜덤출력
- react
- 생성자호출
- this객체
- time()
- JS
- freiend선언
- call by referance
- C++
- 제네릭 함수
- 친구함수
- 자바스크립트
- 자바스크립트라이브러리
- HTML
- new연산자
- C언어
- 데이터베이스
- freiend클래스
- jQuery
- friend함수
- 코딩
- 프로그래밍
- 웹개발
- 함수표현식
Archives
- Today
- Total
Programming Storytelling
1주차 개발일지 본문
1주차 숙제는 간단한 쇼핑몰 프로젝트다. 나는 부트스트랩을 이용해 쇼핑몰 한 페이지를 만들었다. 처음에 부트스트랩을 활용해야 하는 하단의 네가지 아이템들을 어디서 찾아야 할지 몰라 힘이 들었다. 구글링을 해보니 input group이라는 카테고리였다.
나는 만든 하나의 폼을 가운데로 정렬하는 과정이 처음엔 가장 힘든 줄 알았다. 직접 해보니 이부분은 전체를 dir태그로 묶고 css에 margin:auto, width, height를 주면 바로 구현되는 쉬운 부분이었다.
나는 2개의 문장을 나란히 폰트를 다르게 하고 싶었다. 그래서 <h1>,<h2> 등의 태그를 이용해 크기를 다르게 해보려 시도했다. 하지만 하나의 문장이 아래로 밀리는 현상이 발생했다. 나는 또 구글링했다. 구글링을 하니 <h1> 태그로 묶고 안에 <span>을 주고 css에 폰트크기를 주는 방법을 사용하고 있었다.
이번 프로젝트는 구글폰트를 활용해 html 내 폰트를 변경하고, 부트스트랩의 기본적인 틀을 이해할 수 있는 좋은 경험이었다.
'HTML & CSS & JS' 카테고리의 다른 글
3주차 개발일지 (0) | 2021.12.26 |
---|---|
2주차 개발일지 (0) | 2021.12.19 |
html로 표생성하기 (0) | 2019.06.03 |
html 공부하기 (0) | 2019.06.03 |
변수 선언 방법 var,let,const 차이점과 특징 (0) | 2019.04.20 |