1) 문제점
CSS에서 div 구역을 나눔에 있어서 width와 height등을 쓰임에도 불구하고 원하지 않는 구역이 나와 굉장히 실망하였다. 이래서 "내가 백엔드를 선택한거지" 라는 생각도 들면서 말이다. 
팀장님이 만들어준 와이어프레임을 가지고 각자 하나씩 맡게 되었는데, 저 화면 틀을 만들려고 노력했는데 조원이 4명이라 한명씩 각자 화면을 구성하기로 맡게 되엇는데 하필 내가 4번째인 화면을 맡게 되었다.
누가 봐도 다른 화면에 비해 굉장히 많은 <div>가 필요해 보이니 말이다.
처음은 괜찮았다.
앨범이미지 <div>, 음악 제목 <div>, 추가 정보<div>까지 나오는데는 크나큰 문제가 없었는데...코멘트달기 <div> 댓글 <div> 나오는 순간 내가 원하던, 와이어 프레임대로 만들게 되지 않았다.
2) 시도해본 거
정말 다양하게 시도해봤다.
앨범<div> CSS에 float: left; 음악 제목에 float: right; 추가정보에도 float: right;얼추 성공은 했지만, 역시나 문제는 코멘트 달기, 댓글달기 <div>에서 였다. 저 와이어프레임 처럼 내려가야 하는데 내려가질 않으니 말이다.
3) 해결법
해결법은 각 <div>에 각 CSS에 다른 back-ground color :를 집어 넣어서 각자 얼만큼의 크기를 차지하는지 확인하고, 눈으로 직접 확인해봤다. 그리고 앨범<div>, 음악 제목 <div>, 추가 정보 <div>를 묶는 커다란<div>를 만들었고, 마찬가지로 코멘트 달기<div>, 댓글<div>를 아우르는 <div>를 만들어 서로의 위치를 float: 등으로 위치를 정해주고 margin을 주어 적당한 간격을 띄어 와이어 프레임대로 만들었다.
결국엔 만들기 성공했다.
4) 알게 된 점
<div>에 직접 배경색을 넣어 얼만큼에 위치를 차지하는지 발견하고 확인하는 작업을 해야겠다. 귀찮다고 넘어가지 말고 내 스스로 눈으로 확인하는 습관을 들여야겠다. 개발자로써 팀플을 시작을 처음으로 하는데 좋은 언어로 말해야 겠다. 그리고 상대방의 경청하고 상대방의 의견에 존중하는 그런 개발자가 되어야 겠다.
