프로그래밍 및 개발 공부하기

CSS Grid의 minmax(), auto-fill, auto-fit 개념1. minmax()의 개념minmax()는 그리드 칸의 최소 크기와 최대 크기를 동시에 설정하는 함수입니다.즉, 칸이 너무 작아지거나 너무 커지지 않게 크기의 한계를 지정해주는 역할을 합니다. grid-template-columns: minmax(150px, 1fr); 이 예시에서150px → 칸의 최소 크기입니다.1fr → 칸의 최대 크기(비율 단위)입니다.즉, 화면이 좁을 때는 150px까지만 줄어들고,화면이 넓어지면 공간을 비율로 늘려 유연하게 확장됩니다.핵심 개념 요약:minmax(최소값, 최대값)칸의 크기를 **“줄어들 수 있는 한계”와 “늘어날 수 있는 한계”**로 묶음반응형 레이아웃에서 칸이 자연스럽게 크기 변화를 ..

1. CSS Grid의 정의CSS Grid는 웹 페이지의 요소를 가로(행) 와 세로(열) 두 방향으로 동시에 배치할 수 있게 해주는 2차원 레이아웃 시스템입니다.화면을 보이지 않는 격자(grid) 형태로 나누고, 각 칸(cell)에 요소를 배치할 수 있도록 설계되어 있습니다.Grid를 사용하면 요소의 위치, 크기, 정렬을 칸 단위로 제어할 수 있으며, 복잡한 구조도 명확하게 구성할 수 있습니다.간단히 말해, CSS Grid는 화면을 바둑판처럼 나누고 그 칸 위에 요소를 올려두는 방식의 배치 도구입니다. 2. 예시 grid를 사용하기 전에는 칸이 일자로 위에서 아래로 배치된 것을 볼 수 있습니다.이를 원하는 형태 4x5 등으로 그리드를 통해 변환할 수 있습니다. 1:2:1의 비율로 나누기 display:..

백준 1676번 팩토리얼 0의 개수 (C++) 문제 N!에서 뒤에서부터 처음 0이 아닌 숫자가 나올 때까지 0의 개수를 구하시오.(0 ≤ N ≤ 500) 예를 들어 10! = 3,628,800 → 끝에 0이 2개 → 출력 2 3! = 6 → 끝에 0이 없음 → 출력 0 이 문제는 “팩토리얼 결과가 몇 개의 0으로 끝나는가”를 찾는 문제입니다. 문제풀이 ● 0~20까지의 팩토리얼과 끝의 0 개수 N N! 값 (일부 생략) 맨 끝의 0 개수 0 1 ..