클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지

이제 새로운 단원 학습에 들어갔다. 공부할 시간이 1시간 반밖에 남지 않아서 정말 아쉽지만 그래도 할 수 있는데까지 해볼 것이다. 9장까지는 모두 학습을 마치고 오늘 수업에 나가려고 한다. 웹 문서에는 내용 전체뿐만 아니라 특정 부분이나 글자 등 여러 요소에 배경을 넣을 수 있다.   " data-ke-type="html">HTML 삽입미리보기할 수 없는 소스  1. 배경색을 지정하는 background-color 속성배경색을 지정하려면 배경을 넣고 싶은 요소의 스타일 규칙을 만들 때 background-color 속성을 사용한다. 이 속성은 앞에서 설명한 16진수나 rgb값, 색생 이름을 사용해서 지정한다. background-color: #008000;background-color: rgb(0,128..

드디어 이 단원을 마치고 연습문제를 풀어볼 때가 되었다. 여기까지 오는데 3일은 걸린 것 같다. 양이 많지 않다고 생각했는데 내용이 지금까지 배운 것 중 가장 어려웠다. 이젠 갈수록 더 어려워지겠지. 그래도 조금씩 실력이 쌓이는 거니 좋은 현상이다.이번 단원의 연습문제는 3문제이다. 그럼 시작해보자!   단원 한눈에 정리하기             연습문제 풀기 문제 1번      틀린 코드 이상하게도 원이 이미자 바깥쪽으로 생기고 그림자도 뭔가 이상하다. 이 문제는 혼자서 해결하기 힘들어서 정답을 참고해보았다.    다시 풀어보기 이렇게 이미지 안에 테두리도 그림자 효과도 잘 생겼다. img라는 공간 안에 속성을 넣어주자 잘 되었다.    문제 2번    틀린 코드  우여곡절 끝에 여기까지는 문제를 풀었..

며칠 전에 CSS 속성과 관련된 내용인줄 알고 정리했는데 CSS 박스 모델 관련 내용이었다. 이에 대한 학습을 진행하고 나서 다시 학습일지를 써보는 중이다. 어쩐지 무슨 말인지 하나도 모르겠더니..  1. 디스플레이     이 부분을 학습하지 않아서 다음날 추가해보았다. 인라인과 블럭 요소를 확인해볼 수 있는 실습이다.   2. 마진 실습   이걸 혼자서 만들어보라고 했을 때는 하지 못했다. 마진이 무엇인지 어떤 원리로 만들어지는지 알고 있어야 한다. 마진의 중첩 원리를 사용해 네모 박스를 만들어본 것이다.    3. 테두리 실습 이 부분은 radian 속성을 사용해 테두리를 깍어서 모양을 내보았다. 50%를 하면 네모가 원이 된다.   학습을 마치고border에 이런 속성이 있다는 걸 알게 되었다. 지..

어제까지 해서 2주차 학습을 모두 마쳤다. 어제는 너무 졸려서 단원은 마무리하지 못해서 다음날 정리해보는 중이다.이것과 함께 책에 나온 연습문제만 풀어보면 이 단원은 마치게 된다.    단원 마무리하기                  학습을 마치고정말 많이 어려운 단원이었지만 다 마치고 나니 후련하다. 이제 연습문제를 풀어보는 시간을 갖기로 하자.