본문 바로가기

반응형

전체 글

(52)
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) 사용자에게 시스템의 현재 상태를 적절하고 지속적으로 알려야 한다. 예를 들어, 로딩 중일 때는 로딩바를 표시하거나, 작업이 완료되면 ..
한국소비자원은 환불사건에는 도움이 되지 않는다. https://webpaper.tistory.com/entry/%EB%82%98%ED%99%80%EB%A1%9C-%EC%86%8C%EC%86%A1%EC%9D%84-%EC%8B%9C%EC%9E%91%ED%95%98%EB%A9%B0 나홀로 소송을 시작하며2023년 11월 아이가 몬테소리 수업을 꾸준히 들어온터라 이사와 함께 학원을 알아보던 중 새로운 학원을 등록하게 되었다. 학원법 상 1년 학비 선납이 불법이지만, 할인해준다는 말에 그리고 지webpaper.tistory.com 학원비 환불 관련하여, 진행 했던 일들에 대한 기록을 남기려고 한다. 학원비 환불이기 때문에 관할 교육청으로 연락을 했다. 일반적으로 학원/교습소와 관련된 업무를 담당하는 부서가 있고 해당 부서의 담당자에게 학원명을 말하면 조회해서 ..
나홀로 소송을 시작하며 2023년 11월 아이가 몬테소리 수업을 꾸준히 들어온터라 이사와 함께 학원을 알아보던 중 새로운 학원을 등록하게 되었다. 학원법 상 1년 학비 선납이 불법이지만, 할인해준다는 말에 그리고 지역화폐로 다시 결제 가능하다는 말에 1년 치 학원비를 선납하였다. 처음 설명과는 다르게 학원은 수업방식이나, 환경이 달라졌고 학비 환불을 요청했다. 그 때 부터 시작이었다. 연락두절 및 거짓말에 학원을 찾아간 적도 있었다. 교육청에 수시로 연락을 했고, 결국 홀로 소송을 진행하는 방법을 선택했다.   지급명령을 2024년 7월에 신청하였고, 2025년 3월 결국 환불을 받게 되었다. 환불까지 받는 과정에서, 지급명령 / 채권압류 및 추심명령 신청서 / 재산명시 / 채무불이행자 명부 등재까지 신청하였고, 결국 채무불이..
약관관리 프로세스 약관등록 프로세스 약관 표기 약관동의 프로세스 약관갱신 프로세스 drawio 파일 첨부하였음
개인정보처리방침 Sample 개인정보처리방침시스템(이하"서비스")은 개인정보 보호법 등 관련 법령상의 개인정보 보호 규정을 준수하며, 이용자의 개인정보를 안전하게관리하고 보호하기 위해 다음과 같은 개인정보처리방침을 수립/공개합니다.  1. 개인정보의 수집 및 이용 목적서비스는 아래 목적을 위해 최소한의 개인정보를 수집/이용합니다. 수집목적수집항목서비스 이용을 위한 본인 확인 및 계정 관리ID. 이름, 메일 주소, 연락처 2. 개인정보의 보유 및 이용기간서비스 이용을 위해 수집한 개인정보는 이용자가 서비스 탈퇴 또는 개인정보 삭제 요청 시까지 보유/이용합니다. 단, 관련법령에서 일정 기간 보관 의무가 명시된 경우 해당 기간 동안 보관 후 파기합니다.  3. 개인정보의 제 3자 제공서비스는 원칙적으로 이용자의 개인정보를 제3자에게 제공..

반응형
LIST