정현's 블로그

1. border-radius 적용 후 여백처리 background: transparent !important; css 적용하면 된다. (나중에 설정한 값 무시하고 바로 해당속성 적용해야 할 때 !important 사용) 해결된다. 2. 자간조절 .page-wrapper { letter-spacing: 0.09vw; } letter-spacing 활용.

width: 100vw; margin-left: calc(-50vw + 50%); 출처: https://skout90.github.io/2017/09/01/CSS/full-width-ignore-parent/

안녕하세요 오늘 나의 인간과 멍뭉이를 알아볼까요? BEM 규칙을 따라 블록__요소--변경자 로 구성. 내가 원했던 것은, class="label"로 명명한 부분의 글자크기와 폰트를 최대한 재사용하고 싶었음. 이럴 땐 변경자를 활용해주면 좋다. 단, 변경자 클래스를 선언할 때 default가 되는 클래스 이름을 꼭 같이 써줘야 함. ex) label이 default고 label--blue와 label--purple에 폰트, 글자 크기를 전달하고 싶을 경우 label--blue와 label--purple 클래스 명에 label을 같이 써주면 됨. class="label label--blue"

1. 반복문 말고 더 좋은 방법 없는 지?(ex. 클라이언트에서 반복문 돌릴 수는 없는 지) ->클라이언트에서 반복문 돌리지 말아야 함. 웬만하면 서버에서 받아야함. 어찌됐든 클라이언트의 처리속도가 서버보다 좋을 수 가 없기 때문. (유저 전체 데이터를 클라이언트가 for문 돌려서 하는 것인데... 이건 위험함. 느려짐.) 2. CSS에서 relative, absolute, static 비교(position) -> static은 html의 기본값. -> relative는 자신 위치에서 왼쪽으로 갈 것인지 오른쪽으로 갈 것인지 정하게 됨. 같은 레이어에서 왼, 오만 움직임. -> absolute는 기준이 되는 지점 정해줘야함. -> 자식요소의 경우 기준점을 상위요소에서 찾고 그럼에도 없으면 최상위 기준점에..