전체 글 226

[HTML/CSS] 이미지 스프라이트(Image Sprite)

이미지 스프라이트(Image Sprite)란 여러 개의 이밈지를 하나의 이미지로 합쳐서 관리하는 이미지를 의미합니다. 웹 페이지에 이미지가 사용될 경우 해당 이미지를 다운받기 위해 웹 브라우저는 서버에 이미지를 요청하게 됩니다. 하지만 사용된 이미지가 많을 경우 웹 브라우저는 서버에 해당 이미지의 수만큼 요청을 해야만 하므로 웹 페이지의로딩 시간이 오래 걸리게 됩니다. 이미지 스프라이트(Image Sprite)를 사용하면 이미지를 다운받기 위한 서버 요청을 단 몇 번으로 줄일 수 있습니다. 모바일 환경과 같이 한정된 자원을 사용하는 플랫폼(platform)에서는 웹 페이지의 로딩 시간을 단축해주는 효과가 있습니다. 또한, 많은 이미지 파일을 관린하는 대신 몇 개의 스프라이트 이미지 파일만을 관리하면 되므..

STUDY/HTML 2022.01.17

[법령] 인터넷 쇼핑몰 사업자의 신원 등 표시 의무

◆ 표시사항 인터넷쇼핑몰을 운영할 때에는 소비자가 사업자의 신원 등에 관해 쉽게 알 수 있도록 다음의 사항을 인터넷 쇼핑몰의 초기 화면에 표시해야 합니다. 다만, 인터넷 쇼핑몰 이용약관은 소비자가 연결 화면을 통해 볼 수 있도록 할 수 있습니다. [관련법령] 전자상거래 등에서의 소비자보호에 관란 법률 제 10조 1항 [관련법령] 전자상거래 등에서의 소비자보호에 관한 법률 시행규칙 제 7조 제 1항 [표시사항] - 상호 및 대표자 성명 - 영업소 소지재 주소(소비자의 불만을 처리할 수 있는 곳의 주소를 포함) - 전화번호·전자우편주소 - 사업자등록번호 - 인터넷쇼핑몰 이용약관 전자상거래를 하는 인터넷 쇼핑몰의 운영자는 위 규정에 따라 표시한 사항의 진위 여부를 소비자가 쉽게 확인할 수 있도록 정보를 공개하..

STUDY/기획 2021.12.24

다크넛지(Dark Nudge)

기업이 이익을 취하기 위해 소비자가 비합리적인 소비를 하도록 유도하는 행태를 뜻한다. 넛지(Nudge)는 '옆구리를 슬쩍 찌른다'는 뜻으로, 강요하지 않고 부드럽게 설득해 선택을 유도하는 방법을 만한다. 다크(Dark) 넛지는 부정적인 결과로 이러한 선택을 유도하는 것이다. 최근 구독경제가 활성화되면서 소비자들이 번복하는 것을 귀찮아하는 점을 노려 비합리적인 소비를 하도록 유도하는 방식이 많아지고 있다. 예시> - 최저가 상품을 찾아 결제하려고 하면 옵션선택으로 추가비용이 발생하는 방법 - 무료 기간 제공 뒤 유료로 자동 전환시키는 방법 위와 같은 내용이 대표적인 다크넛지의 사례이다.

STUDY/etc 2021.12.23

나인패치(Nine Patch) 이미지란?

나인패치(Nine Patch) 이미지란? ​ ​ 나인 패치는 안드로이드, iOS에서 이미지 리소스의 크기를 줄이기 위해서 꼭 필요한 절차입니다. 각 DP 별로 밀도와 크기가 모두 다르니 다른 이미지를 저장해주어야 하는데, 나인 패치를 이용하면 시스템 용량을 줄이고 하나의 이미지를 다양하게 사용할 수 있습니다. ​ 나인 패치는 쉽게 말해, 이미지를 9분할 하여 늘어나도 괜찮은 영역과 늘어났을 때 깨지는 부분을 구분해 저장하는 방식입니다. 이때 이미지 확장자는. 9.png가 됩니다. ​ 이걸 도표로 하면 이렇습니다. 모서리 부분은 늘어났을 때 깨지니, 늘어나지 않는 부분으로 적용해 주는 거죠. 버튼 UI나 타이틀 이미지 같은 곳에 많이 씁니다. 안드로이드는 기본적으로 이미지뷰를 할당한 뒤 이미지를 넣게 되면..

STUDY/디자인 2021.12.22

멀티 모달(Multi Modal) 딥러닝

멀티 모달(Multi Modal) ​ 멀티 모달은 여러 가지 형태와 의미로 컴퓨터와 대화하는 환경을 의미한다. 멀티 모달에서 모달은 모달리티(Modality)를 의미하는데 모달리티는 인터랙션 과정에서 사용되는 의사소통 채널을 말한다. 여기서 인터랙션은 통신을 주고받는 형태 즉, 단방향의 통신이 아닌 양방향 통신을 의미한다. 멀티 모달 인터페이스는 전통적으로 텍스트 외에 음성, 제스처, 시선, 표정, 생체신호 등 여러 입력 방식을 융합하여 인간과 컴퓨터 사이에 자연스러운 의사소통이 가능한 사용자 친화형 기술이다. 과거에는 기계가 이해하기 쉬운 형태로 입력을 줬다면 최근에는 사용자가 이해하기 쉬운 형태로 컴퓨터에게 입력을 전달하는 형태로 발전한 것이다. 이러한 멀티 모달을 이용하면 사람의 여러 신체 부위에 ..

STUDY 2021.12.21

WYSIWYG(위즈윅) 에디터란

'WIZ-zee-wig(위즈윅)'으로 발음하며 'what you see is what you get'을 줄여 부른 말이다. WISIWYG는 사용자가 보는 것이 그대로 최종 산물에 나타나도록 하는 유저 인터페이스를 말한다. WISIWYG 어플리케이션에서는 사용자가 화면에서 본 것과 출력했을 때의 프린트물이 동일하게 생성된다. 주로 데스크탑 퍼블리싱 시스템에서 많이 이용된다. ​ WYSIWYG 에디터 WYSIWYG 에디터는 편집화면에서 입력한 글자, 그림 등의 컨텐츠 모양 그대로 최종산물이 화면상에서, 또는 출력물에서 나타나도록 하는 에디터 이다. 최초의 위지윅 에디터는 1970년대에 Xerox Palo Alto Research Center의 Charles Simonyi에 의해 발명된 Bravo 이다. 후에..

STUDY/기획 2021.12.20

[법령] 개인정보의 암호화 조치 안내서(2020.12.개정)

[목차] Ⅰ. 개요 제1절 목적 ----------------------------------- 1 제2절 적용 대상 ----------------------------- 2 제3절 용어 정의 ----------------------------- 2 Ⅱ. 암호화 종류 및 제도 제1절 암호화 종류 및 특성 ------------------ 5 제2절 안전한 암호 알고리즘 ---------------- 7 제3절 암호화 근거 법률 --------------------- 8 Ⅲ. 암호화 구현 및 키 관리 제1절 전송시 암호화 ------------------------ 16 제2절 저장시 암호화 ------------------------ 24 제3절 암호키 관리 -------------------------..

STUDY/기획 2021.12.17

[법령] 개인정보처리 위수탁 안내서(2020.12.개정)

[목차] Ⅰ. 안내서 개요 -------------------------------------------- 1 Ⅱ. 개인정보 처리 위 · 수탁 개념 및 판단 기준 ----------- 3 Ⅲ. 위 · 수탁 단계별 조치사항------------------------------ 6 Ⅳ. 자주 묻는 질문(FAQ)------------------------------------ 25 별첨1. 위탁자의 법적 책임 주요 내용 요약 --------------- 28 별첨2. 수탁자의 법적 책임 주요 내용 요약 --------------- 29 별첨3. 표준 개인정보처리위탁 계약서(안) ---------------- 31 별첨4. 개인정보의 안전성 확보조치 기준 ----------------- 33 별첨5. 위-수탁자..

카테고리 없음 2021.12.16

[법령] 홈페이지 개인정보 노출방지 안내서

[목차] Ⅰ.개요 1. 개인정보란? 2. 개인정보 노출의 이해 Ⅱ. 개인정보노출 원인 및 조치방안 1. 홈페이지 운영·관리자 부주의에 의한 노출 2. 이용자 부주의에 의한 개인정보 노출 3. 홈페이지 설계 및 개발 오류에 의한 노출 4. 검색엔진을 통한 개인정보 2차 노출 Ⅲ. 개인정보 노출 예방수칙 1. 홈페이지 운영·관리자 개인정보 노출 예방수칙 2. 홈페이지 개발자 개인정보 노출 예방수칙 Ⅳ. FAQ - 무엇이든 물어보세요 Ⅴ. 부록 출처 : https://www.pipc.go.kr/np/cop/bbs/selectBoardArticle.do?bbsId=BS217&mCode=D010030000&nttId=7031 개인정보보호위원회 해당 페이지의 만족도와 소중한 의견 남겨주세요. www.pipc.go.kr

STUDY/기획 2021.12.15

[법령] 자동처리되는 개인정보 보호 가이드라인(2020.12.개정)

[목차] Ⅰ. 추진 배경 ---------------------------------------------------------- 1 1. 발간배경 --------------------------------------------------------- 1 2. IoT 등에서 자동처리하는 개인정보 보호 10대 수직 ------------ 3 Ⅱ. 개인정보 보호 10대 수직별 조치사례 ---------------------------- 5 1. 기획 -------------------------------------------------------------- 5 2. 설계 -------------------------------------------------------------- 6 3. 점검 ----..

STUDY/기획 2021.12.14