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

이제 모든 학습이 끝나고 단원을 마무리해보는 시간이다. 4장을 닫으며 학습을 마치고이 단원은 테스트 문제도 있는데 다음 포스트에 이 문제들을 풀어보려고 한다. 테스트 문제는 무척 어렵겠지만 풀면서 조금 잊어버린 html도 학습해보는 좋은 시간이 될 것 같다.

이어서 본문과 하단 영역의 미디어쿼리도 적용하는 실습을 진행해 보겠다.   실습 5 - 본문 영역 미디어 쿼리 적용하기  이번에는 풀 사이즈로 본문 영역을 조절하는 미디어쿼리를 작성해 볼 것이다.  코드 작성하기 코드를 이렇게 안쪽에 작성해 준다.     이건 원래 사이즈이고 크기를 줄이면 이렇게 하나의 사이즈로 보인다.      작성된 코드가 잘 들어있는 것을 확인할 수 있다. 미디어쿼리 안쪽에 작성된 코드가 바깥쪽에 영향을 미치도록 작성했기 때문에 가능한 일이다. 하지만 제출을 눌러보니 height가 빠져있어서 이 내용을 추가해 주었다.    이전의 결과화면을 확인했을 때보다 높이가 훨씬 높아진 것을 볼 수 있다.       실습 6 - 하단 영역 미디어 쿼리 적용하기   하단 영역도 한 줄로 배치되..

드디어 어제치 밀린 학습을 평소보다 1시간 15분 일찍 일어나서 모두 완료했고 3시 반인 지금은 오늘의 학습을 진행 중이다. 어제는 인터넷이 안 되어서 원래 했어야 하는 공부를 다 마치지 못했다. 거기다가 점심과 저녁에 탄수화물류로 식사를 떼웠더니 너무나 졸려서 공부를 진행할 수 없었다.앞으로는 이런 음식들을 일체 멀리해야겠다고 다짐했다. 공부에 방해가 되는 요소들은 가능하면 멀리 치워야 할 것이다.   실습 4 - 상단 영역 미디어쿼리 적용하기   HTML 파일 CSS 코드까지 소개하면 너무 많으므로 한 문제를 풀고 코드를 수정한 후에 CSS 파일도 소개할 것이다. 이제 문제를 풀어보자.  코드 수정하기 이 부분에 mata 속성을 추가해주었다. 그러면 크기를 조절할 때 모바일 버전으로 볼 수 있다.  ..