sliver__

1. Fr 단위를 이용한 유연한 트랙 크기픽셀(px) 대신 fr(fraction) 단위를 쓰면 남는 공간을 손쉽게 분배예:→ 전체 가로 공간을 1:1:2 비율로 나눔.container { display: grid; grid-template-columns: 1fr 1fr 2fr;}동일 크기 열 만들기:이렇게 하면 브라우저 너비 변화에 따라 자동으로 열 너비가 조정됨.container { grid-template-columns: 1fr 1fr 1fr 1fr; /* 4개 열이 동일 비율 */}2. repeat() 함수로 코드 간결화반복되는 fr 값을 더 짧게 작성 가능예:.container { /* 1fr을 4번 반복 */ grid-template-columns: repeat(4, 1fr);}열 개수..

웹 페이지를 만들다 보면 전체 콘텐츠를 브라우저 창 중앙에 고정하고 싶을 때가 있습니다. 예전에는 복잡한 방법을 써야 할 것 같았지만, 사실 단 두 줄의 CSS만으로도 손쉽게 구현할 수 있어요!1. 콘텐츠를 감싸는 컨테이너 만들기먼저, 페이지 전체를 감쌀 컨테이너 요소를 추가합니다. 보통 의미론적 태그가 필요 없으니 로 충분합니다. … … … Tip: 이 컨테이너는 바로 안쪽에 위치시키고, 닫는 는 푸터 뒤에 둡니다.2. 컨테이너에 너비 지정하기화면이 아무리 커져도 일정 너비만큼만 보여지게 하려면, 컨테이너에 고정 너비를 줍니다. 예를 들어 800px로 해보겠습니다..container { width: 800px; /* 이후 마진 설정으로 가운데 정렬 */}자식 요소들은 ..

안녕하세요~ 디벨로퍼입니다~~ 오늘은 Distinct를 풀어보았습니다. 문제 링크는 아래를 참조해주세요 ========================================================================== https://app.codility.com/programmers/lessons/6-sorting/distinct/ Distinct coding task - Learn to Code - Codility Compute number of distinct values in an array. app.codility.com ========================================================================== 주어진 배열에 서로 다른..