전체 글
-
[자꾸 까먹어서 기록 중] 퍼블리싱 화면 검수IT/그만 까먹자 2022. 10. 22. 15:42
프로젝트를 진행하면서 QA기간에 발견되는 수많은 이슈사항들은 늘 고민스럽게 다가온다. 다양한 디바이스에서 다양한 검수를 진행 하면 좋겠지만. 그만큼 다양한 제약사항들로 인해, 우리는 가능한 방법을 가능한 방향으로 모색하게 된다. 적고 싶은데로 적다보니 두서가 없는것 같다. 일단 내가 알고 있고 사용중인 검수 방법들을 적어보도록 하자. (아직도 경험하고 있는만큼 검수 방법들이 늘어나고, 이미 기재한 검수방법의 추가 사용법도 늘어날것임.) # 검수 기준(내 기준) 검수를 진행하면서 가장 주요하게 생각하는 요소들을 몇가지 적어보았다. 적다보니, 파트별로 중요하게 생각하는 부분과 겹치는 부분이 있을것 같다는 생각이 든다. (결국은 의도한대로 잘 나오느냐가 기본 모토이니!) - 디자인과 100%에 가깝게 잘 나왔..
-
[jQuery UI] Date PickerIT/PLUGIN 2022. 8. 8. 00:37
# 목차 사용목적 Date Picker 란? 플러그인 홈페이지 사용을 위한 설치 사용을 위한 설정(css, js) 사용을 위한 레이아웃 구축(html) 사용을 위한 구문 작성(js) 그리고 결과 주로 사용하는 옵션 1. 사용목적 날짜를 선택해야하는 경우(예 : 출입국 일자 설정, 생년월일 선택, 배송일자 선택)를 캘린더형식의 UI로 다루어야 할때 주로 사용된다. 2. Date Picker 란? Jquery UI(User Interface)에서 제공하는 캘린더로, 따로 하드코딩하지 않아도 이미 제작된 캘린더를 이용할 수 있다. 커스터마이징이 용의한 편이며, 브라우저나 모바일에서 편리하게 캘린더를 사용할 수 있다. (제이쿼리 유아이에서 제공하는 위잿개념으로 생각할 수 있다.) ※ jQuery UI 란? jQ..
-
[Plugin] Rateit.js 란, 그리고 옵션IT/PLUGIN 2022. 6. 2. 17:45
# 목차 사용목적 Rateit.js 란? 플러그인 홈페이지 사용을 위한 설치 사용을 위한 설정(css, js) 사용을 위한 레이아웃 구축(html) 결과 주로 사용하는 옵션 1. 사용목적 별점주기 같은 호감도 수치를 체크하는 ui에 사용 2. Rateit.js란? 'Rateit.js'는 별점 체크 하는 ui를 좀더 효과적으로 사용할 수 있게 제공하는, 제이쿼리 기반의 플러그인이다. RTL(오른쪽에서 왼쪽으로)읽기를 위해 방향지원도 하고 있다. 3. 플러그인 홈페이지 해당 홈페이지에서 'Rateit.js' 플러그인을 사용하는 방법, 예제 등을 확인할 수 있다. http://gjunge.github.io/rateit.js/examples/ Rateit.js by gjunge 8c) SVG icons Sinc..
-
[Scroll] mCustomscrollbar js 란, 그리고 옵션IT/PLUGIN 2022. 6. 2. 14:37
# 목차 사용목적 mCustomscrollbar js 란? 플러그인 홈페이지 사용을 위한 설치 사용을 위한 설정(css, js) 사용을 위한 레이아웃 구축(html) 사용을 위한 구문 작성(js) 그리고 결과 주로 사용하는 옵션 1. 사용목적 브라우저나 모바일에서 기본으로 제공하는 스크롤을 커스텀 하기위해 사용한다. 통일된 디자인의 느낌을 잡아주는 한끗 역할을 하는 플러그인이다. 2. mCustomscrollbar js란? 'mCustomscrollbar js'는 스크롤바를 디자인적으로 유연하게 커스텀하여 제공하는, 제이쿼리 기반의 플러그인이다. 마지막 업데이트가 2016년도 6월임에도 웹,앱에서 사용에 무리가 없다.(마우스휠, 키보드, 터치 모두 가능) RTL(오른쪽에서 왼쪽으로)읽기를 위해 방향지원도..
-
[Slider] Swiperjs 옵션IT/PLUGIN 2022. 5. 30. 17:56
주로 사용하는 Swiperjs 옵션 // ! 동일한 스와이퍼 함수가 2번이상 호출되면 이슈가 발생됨(ex : 'pagination' 비정상 작동) // ! thumbs 적용시 일부태그('input, select, option, textarea, button, video')에 적용할 경우 액티브된 요소가 움지이지 않는 이슈 발생함 // (set swiper function name.touchEventsData.formElements = '컨트롤 제어 태그 나열'; ) var swiper = new Swiper('.swiper', { initialSlide : 0, // 슬라이드 시작위치값(몇번째 슬라이드부터 보여 줄것 인지 설정) speed : 400, // 슬라이드 전환 초 수 설정(duration 효과..