전체 글568 구글 시트 중복 값 색깔로 표시하기 (조건부 서식 + COUNTIF) 명단이나 주문 목록에 같은 이름이 두 번 들어가 있으면 나중에 집계가 틀어집니다. 행이 몇 개 안 되면 눈으로 찾을 수 있지만, 수백 줄이 되면 놓치기 쉽죠. 구글 시트의 조건부 서식에 COUNTIF 수식 한 줄을 넣으면 중복된 값만 자동으로 색칠할 수 있습니다. 값을 새로 입력해도 바로 반영됩니다. 1. 범위 선택 → 서식 → 조건부 서식중복을 찾을 범위를 선택합니다. 예제에서는 "이름" 열의 A2:A11을 선택했습니다. 그다음 ① 서식 → ② 조건부 서식을 클릭합니다. 2. 맞춤 수식 입력하고 색 고르기오른쪽에 조건부 서식 규칙 패널이 열리고, 범위에는 A2:A11이 들어가 있습니다. 다음의 경우 셀 서식 지정 목록을 열고 맨 아래의 맞춤 수식을 고릅니다.값 입력란에 아래 수식을 입력합니다.서식 .. 2026. 10. 25. 구글 시트 드롭다운 목록 만들기 (색상 지정, 수정·삭제 방법까지) 구글 시트로 업무 진행 상황을 관리하다 보면 같은 칸에 "완료", "완료됨", "끝" 처럼 사람마다 다르게 적는 일이 생깁니다. 이렇게 되면 필터나 집계가 제대로 되지 않죠. 드롭다운을 만들어 두면 정해진 값 중에서 클릭으로 고르기만 하면 되고, 값마다 색까지 입힐 수 있어서 한눈에 상태를 볼 수 있습니다. 1. 드롭다운을 넣을 범위 선택 → 삽입 → 드롭다운드롭다운을 넣을 셀 범위를 먼저 선택합니다. 예제에서는 "상태" 열의 C2:C11을 선택했습니다. 그다음 상단 메뉴에서 ① 삽입 → ② 드롭다운을 클릭합니다. 2. 항목 입력하고 색 고르기오른쪽에 데이터 확인 규칙 패널이 열립니다. 범위에 적용: 앞에서 선택한 범위(시트1!C2:C11)가 자동으로 들어가 있습니다.기준: "드롭다운"으로 되어 있는.. 2026. 10. 25. CSS Grid fr 단위란? 1fr 뜻과 계산 방법, %와의 차이까지 정리 CSS Grid 코드를 보다 보면 1fr이라는 단위가 자주 나옵니다. px이나 %는 익숙한데 fr은 처음 보면 헷갈리죠. 이 글에서는 fr이 무엇인지, 어떻게 계산되는지 예제 화면으로 정리했습니다. fr = fraction(몫)"남는 공간을 몇 대 몇으로 나눌지"를 정하는 CSS Grid 전용 단위입니다. 1. 기본: 남는 공간을 비율로 나누기아래 예제의 그리드 상자는 모두 너비 900px입니다. 각 칸에 실제로 계산된 너비를 표시했습니다. 1fr 1fr 1fr: 900px을 3등분해서 300px씩입니다.2fr 1fr: 2:1로 나눠 600px, 300px입니다.200px 1fr: 고정 너비 200px을 먼저 빼고, 남은 700px을 1fr이 모두 가져갑니다. 즉 브라우저는 고정 너비(px 등)를 먼저.. 2026. 10. 22. CSS Grid repeat(auto-fill, minmax(240px, 1fr)) 완벽 정리: 미디어 쿼리 없이 반응형 카드 만들기 카드 목록을 만들 때 화면이 넓으면 4칸, 좁으면 2칸, 휴대폰에서는 1칸으로 바뀌게 하고 싶을 때가 많죠. 보통은 미디어 쿼리를 여러 개 쓰는데, CSS Grid에서는 단 네 줄이면 됩니다. .grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px;} 이 코드가 어떻게 동작하는지 예제 페이지를 직접 만들어 캡처했고, 값을 바꾸면 무엇이 달라지는지도 하나씩 비교해 봤습니다.1. 예제 코드: HTML과 CSSHTML구조는 단순합니다. 바깥 상자(.grid) 안에 카드(.card)를 원하는 만큼 넣으면 됩니다. 카드 1 카드 2 카드 3 카드 4 카드 5 카드 6 카드 7 카.. 2026. 10. 22. 포토스케이프 화살표 그리기 포토스케이프 화살표 그리기사진 속 특정 부분을 강조하거나 방향을 안내할 때, 화살표를 활용하면 시각적으로 훨씬 깔끔하고 직관적으로 표현할 수 있습니다. 이번 글에서는 포토스케이프에서 화살표를 쉽게 그리는 방법을 단계별로 알려드리겠습니다. 1. 사진 불러오기 2. 삽입 -> 도형 3. 원하는 화살표 선택 4. 도형 배치와 불투명도 적용 이제 포토스케이프에서도 원하는 위치에 깔끔한 화살표를 자유롭게 넣을 수 있습니다. 간단한 작업만으로도 사진의 완성도가 올라가니, 다양한 프로젝트나 자료 제작에 활용해 보세요! 2026. 10. 18. 포토스케이프 모자이크 효과 쉽게 적용하는 방법 가이드 포토스케이프 모자이크 효과 쉽게 적용하는 방법 가이드사진 속 개인정보나 얼굴을 가리는 가장 간단한 방법 중 하나는 포토스케이프(Photoscape)를 이용한 모자이크 처리입니다. 설치가 간편하고 사용법도 직관적이기 때문에 초보자에게도 적합한 무료 사진 편집 프로그램입니다. 이 글에서는 포토스케이프 모자이크 기능 사용법을 단계별로 알려드리며, 모자이크 강도 조절 꿀팁도 함께 소개합니다. 포토스케이프에서 모자이크 적용하는 단계별 가이드1. 사진 불러오기 2. 도구 클릭 3. 모자이크 클릭 4. 마우스를 이용하여 원하는 영역을 빨간색으로 덮어주면 덮어진 영역에 모자이크가 생성됩니다. 5. 강도 옵션을 사용하여 모자이크 내 네모 크기를 조절할 수 있습니다. 포토스케이프 모자이크 기능, 이런 분께.. 2026. 10. 18. 이전 1 2 3 4 ··· 95 다음
