[배운내용]

위의 사진처럼 상단 카테고리에 따라서 다른 목록을 나타내는 것은 자바스크립트에서 가능한 기능이다.

항목들을 flex를 이용해 정렬할 때 미세하게 맞지않는 부분을 제대로 정렬하고 싶다면 'top: -3px;' 등과 같은 방법으로 조절할 수 있다.

html 특수문자

'ⓒ' : 저작권

©

©

'   ' : Non-breaking space

 

 

영어문자 대소문자 변경하기

• 대문자

	text-transform: uppercase;

• 소문자

	text-transform: lowercase;

• 첫 문자만 대문자

	text-transform: capitalize;

네이버 웹툰-디테일페이지 실습

[어려웠던 점]

1. 웹툰 디테일페이지 - 메인 - 웹툰 리스트를 할 때, 리스트 안의 각 웹툰의 이미지에 대한 height값을 지정해주지않았다. 그 결과 다른 요일보다 리스트의 갯수가 많았던 일요일에 있는 이미지 높이가 더 커졌다. 그러면서 이미지 정렬이 무너졌다.

[해결방법]

1. 결국 리스트 이미지에 height값을 88px로 지정해주었더니 다시 제대로 정렬되고 같은 높이값을 가졌다.

[학습소감]

이제는 조금 익숙해져서 재미있다. 하지만 하면 할수록 아직 배울게 너무 많이 남았구나 하는 것을 실감한다. 그리고 내가 직접 개발에 참여했을 때 때와 상황에 맞는 태그와 코드를 잘 사용할 수 있을지 아직 걱정스럽다.