스크린샷 메모 7

캡처하고, 메모하고, 필요할 때 다시 찾아보세요.

실제예시2026-10-27

웹사이트 상단 헤더 및 히어로 섹션 UI 레이아웃 모음

다양한 형태의 웹사이트 상단 헤더(Header) 디자인 패턴, 네비게이션 바 레이아웃, 그리고 히어로(Hero) 섹션 컴포넌트 레퍼런스 화면입니다.

6장

source2026-10-27

웹사이트 제작 및 디자인에 사용되는 다양한 아이콘, 심볼, 로고 그래픽 요소들의 스크린샷 모음입니다.

4장

실제예시2026-10-27

BMW, Google, Apple, Microsoft 제품군(Excel, PowerPoint, Outlook, Access 등)의 로고와 각 브랜드 로고에 사용된 주요 색상의 색상 코드(HEX)를 보여주는 컬러 팔레트 레퍼런스 이미지 모음입니다.

8장

실제예시2026-10-27

영화 및 미디어 리뷰 웹사이트의 WordPress 관리자(Edit Review) 화면과 작성된 리뷰 및 평가 페이지 레이아웃을 보여줍니다. 포스터 이미지, 영화 정보, 시놉시스, 감독 및 배우 연결…

8장

데이터베이스 관리2026-10-27

MySQL 데이터베이스에서 텍스트 필드 인덱스 생성 시 발생하는 용량 제한 문제를 해결하기 위해, 문자열 길이를 제한하는 접두사(Prefix)를 지정하여 복합 인덱스를 생성하는 SQL 쿼리 및 데이터베이스…

4장

Elementor 제작 팁2026-02-15

Elementor 아이콘 위젯의 줄 높이 때문에 생기는 세로 여백을 줄이는 CSS 메모입니다. .elementor-icon-wrapper { line-height: 0; } 스크린샷처럼 아이콘을 감싸는 요소에 적용한 뒤 정렬과 클릭…

1장

HTML 참고자료2026-01-14

HTML 문서에서 사용하는 문자 엔티티 참고표입니다. 공백( ), 부등호(<, >), 앰퍼샌드(&), 큰따옴표("), 샵(#), 작은따옴표(')를 확인할 때 사용합니다. 텍스트나 속성값에 특수문자를 표시할 때 참고합니다.

1장