본문 바로가기

반응형

일하는 법

(7)
css ::before 속성으로 아이콘 넣는 방법 버튼이나, 텍스트 그리고 리스트 앞 쪽에 아이콘을 넣는 경우 자주 쓰는 방식일단 버튼에 넣는 것을 예시로 진행한다.button.icon-btn{ line-height:24px; font-size:16px; border:none; background: transparent; /* button 속성은 기본적으로 제공하는 border와 background 속성이 있어서 제외하고 사용하는 것이 일반적이다. */}/* * https://cdn-icons-png.freepik.com/256/1296/1296698.png * 아이콘 이미지는 임의로 웹 이미지를 사용한다. * 직접 구현할 경우 css 내부에 이미지 경로를 입력하여 사용하면 된다. */ 우선 아이콘을 넣는 부분을 정사각형으로 정하고, padding ..
jQuery - Div 가 화면 중간에 위치했을 때 Class 추가하여 화면 조작 PC 웹에서는 특정 배너에 마우스 오버 시 효과를 적용하였는데, 모바일 웹에서는 마우스 오버 액션이 의미가 없어서, 해당 영역이 화면에 위치했을 때 hover 를 addClass('on') 으로 처리해서 화면 중간에 위치했을 때 클래스를 추가하는 소스를 gpt를 통해서 구현 $(document).ready(function () { // 스크롤이나 리사이즈 시 체크 $(window).on('scroll resize', function () { if (window.innerWidth = elementTop && windowCenter 모바일 적용을 위한 해상도 체크 : window.innerWidth 조건으로 처리스크롤 및 리사이즈 이벤트 감지 : scroll 및 res..
Customer Journey Map : 사용자 여정 지도 사용자 여정 지도(Customer Journey Map) 고객의 특정 제품 또는 서비스를 이용하는 전 과정을 시간 순서대로 시각화하여 고객의 행동, 생각, 감정, 니즈 등을 파악하고, 이를 통해 더 나은 사용자 경험을 설계하기 위한 도구 고객 여정 지도 작성 방법1. 페르소나 정의 : 어떤 고객을 대상으로 할 것인지 구체적인 페르소나를 설정합니다. 2. 접점 정의 : 고객이 제품 또는 서비스와 상호작용하는 모든 접점을 파악합니다.(예 : 웹사이트 방문, 앱 사용, 고객센터 문의 등)3. 목표 설정 : 각 접점별 고객의 목표를 설정합니다. 4. 행동, 생각, 감정 파악 : 각 접점에서 고객이 어떤 행동을 하고, 어떤 생각을 하며, 어떤 감정을 느끼는지 구체적으로 파악합니다. 5. 니즈 파악 : 고객의 행동..
제이콥 닐슨의 10가지 사용성 휴리스틱 및 사례 제이콤 닐슬의 10가지 사용성 휴리스틱 및 사례제이콥 닐슨이 제시한 10가지 사용성 휴리스틱은 사용자 인터페이스 디자인의 사용성을 평가하고 개선하기 위한 원칙으로 이러한 원칙들을 따르면 사용자 경험을 향상시키고 오류를 줄 일 수 있음.휴리스틱(heuristics) 또는 발견법(發見法)이란 불충분한 시간이나 정보로 인하여 합리적인 판단을 할 수 없거나, 체계적이면서 합리적인 판단이 굳이 필요하지 않은 상황에서 사람들이 빠르게 사용할 수 있게 보다 용이하게 구성된 간편추론의 방법이다. 10가지 사용성 휴리스틱시스템 상태 표시(Visibility of system status) 사용자에게 시스템의 현재 상태를 적절하고 지속적으로 알려야 한다. 예를 들어, 로딩 중일 때는 로딩바를 표시하거나, 작업이 완료되면 ..
약관관리 프로세스 약관등록 프로세스 약관 표기 약관동의 프로세스 약관갱신 프로세스 drawio 파일 첨부하였음
개인정보처리방침 Sample 개인정보처리방침시스템(이하"서비스")은 개인정보 보호법 등 관련 법령상의 개인정보 보호 규정을 준수하며, 이용자의 개인정보를 안전하게관리하고 보호하기 위해 다음과 같은 개인정보처리방침을 수립/공개합니다.  1. 개인정보의 수집 및 이용 목적서비스는 아래 목적을 위해 최소한의 개인정보를 수집/이용합니다. 수집목적수집항목서비스 이용을 위한 본인 확인 및 계정 관리ID. 이름, 메일 주소, 연락처 2. 개인정보의 보유 및 이용기간서비스 이용을 위해 수집한 개인정보는 이용자가 서비스 탈퇴 또는 개인정보 삭제 요청 시까지 보유/이용합니다. 단, 관련법령에서 일정 기간 보관 의무가 명시된 경우 해당 기간 동안 보관 후 파기합니다.  3. 개인정보의 제 3자 제공서비스는 원칙적으로 이용자의 개인정보를 제3자에게 제공..
UI디자인 - 제안서 작성(공공기관) 공공기관의 사업은 일반적으로 제안요청서라는 RFP(Request for Proposal)를 기준으로 수행된다. 제안요청서는 해당 기관에서 직접 작성할 수도 있지만 기관에는 생각보다 IT에 대한 전문지식이나 경험이 많은 사람들이 없는 것이 사실이다. 완전히 새로운 신규사업이라면, 큰 프로세스나 아이디어는 해당 기관에서 기획할 수 있지만 보통은 해당 서비스에 대한 전반지식이나 기술을 보유한 기업의 도움을 받아서 진행하는 경우가 더 많다. 물론 그렇게 시작하면 RFP 작성에 도움을 준 기업이 해당 프로젝트를 수주할 가능성이 높다. RFP는 조달청을 통해 공개되고, 업체들은 제안서를 작성하여 입찰을 진행하게 된다.https://www.g2b.go.kr/ 접근 가능 브라우저 안내차세대 나라장터 안정적인 지원을 위..

반응형
LIST