반응형
반응형

 window.onload vs $(document).ready()

 

Two syntaxes can be used for this:

$( document ).ready(function() {
   console.log( "ready!" );
});

Or the shorthand version:

$(function() {
   console.log( "ready!" );
});

주요 사항 $(document).ready():

  • 이미지가 로드될 때까지 기다리지 않습니다.
  • DOM이 완전히 로드되었을 때 JavaScript를 실행하는 데 사용됩니다. 여기에 이벤트 핸들러를 넣습니다.
  • 여러 번 사용할 수 있습니다.
  • 교체 $로 jQuery당신이받을 때 "$가 정의되지 않았습니다."
  • 이미지를 조작하려는 경우에는 사용되지 않습니다. $(window).load()대신 사용하십시오 .

window.onload()기본 JavaScript 함수입니다. window.onload()는 DOM (문서 객체 모델), 배너 광고 및 이미지를 포함하여 페이지의 모든 내용이로드 이벤트가 발생합니다. 둘의 또 다른 차이점 $(document).ready()은 하나 이상의 onload기능을 가질 수 있지만 하나의 기능 만 가질 수 있다는 것 입니다.

 

https://stackoverflow.com/questions/3698200/window-onload-vs-document-ready

 

window.onload vs $(document).ready()

What are the differences between JavaScript's window.onload and jQuery's $(document).ready() method?

stackoverflow.com

 

반응형
저작자표시 비영리

'프로그래밍 > Script' 카테고리의 다른 글

[script] 생활코딩 마인드맵 라이브러리 cytoscape 사용법  (0) 2022.01.19
[javascript] Object.assign()  (0) 2022.01.18
jquery , sortable, 안에 텍스트는 드래그 가능하게. bootstrap sortable inner text dragable  (0) 2022.01.12
자바스크립트로 현재시간 timestamp 구하기  (0) 2022.01.12
[jQuery] modal, 전체화면, Mask  (0) 2022.01.11
반응형

NPS의 개념

NPS(Net Promoter Score : 순수 고객 추천 지수) 란?    고객 순추천 지수 프레임워크

  • 추천 의향 문항을 11점(0~10점) 척도로 측정하여 ‘추천고객 비율(Promoters %)’에서 ‘비추천고객 비율(Detractors %)’을 빼서 NPS를 산출합니다. 
  • ‘당신은 A 제품/서비스를 친구나 동료에게 추천할 의사가 있습니까?’ 라는 질문이 기본
  • ‘추천 의향’이라는 단 하나의 문항으로 고객의 서비스 로열티를 측정
  • 이론적으로 점수 범위는 -100점부터 +100점까지
  • 선택적으로 ‘해당 점수를 선택한 이유’를 묻는 문항을 추가하기도 함

NPS는 ‘추천 의향’이란 질문 단 하나로 고객의 실제 만족도를 파악할 수 있습니다. 문항이 짧아 고객으로부터 답변을 받기도 용이하며, 문항과 척도가 동일하기 때문에 경쟁사 및 업계 평균을 비교하여 자사의 현재 입지를 쉽게 파악할 수 있습니다. 이렇게 보니 NPS를 도입하는 장점이 한가득이죠? 게다가 NPS는 많은 기업이 채택하면 채택할수록 내가 얻는 업계 평균 서비스 만족도 정보도 많아지니 얼른 주변에도 널리 알려주세요.

 

NPS의 3가지 고객 유형

NPS에서는 앞서 잠깐 언급한 것처럼 고객군을 3가지 유형으로 나눕니다. Promoters / Passives / Detractors 입니다. 3개로 나누어지는 고객군을 기반으로 NPS 결과를 분석합니다. 

1. 추천 고객 (Promoters) :
– 9~10점을 준 고객.
– 자신의 만족을 주변에 적극적으로 퍼뜨리는 고객으로 구전 마케팅(Viral Marketing) 효과는 덤 (아싸!)
– 비추천고객보다 더 많이! 더 자주! 구매하는 고객 
– 제품/서비스에 충성도(loyalty)가 높은 고객

2. 중립 고객 (Passives) :
– 7~8점을 준 고객
– 겉으론 ‘만족해요~’라고 말하면서 불만을 감추려는 고객
– 따라서 중립 고객군이 2~3점을 깎아낸 이유를 파악하여 적극적으로 불만을 끌어내는 것이 중요
– 적극적으로 제품/서비스 홍보를 하지 않는 중립적인 고객

3. 비추천 고객 (Detractors) :
– 0~6점을 준 고객
– 언제라도 선택을 바꿀 수 있는 고객
– 친구 혹은 동료에게 제품 및 서비스 사용에 대해 부정적인 피드백을 주는 고객
– 충성도가 낮은 고객

 

 

 

https://blog.jandi.com/ko/2018/11/07/what_is_nps/

 

서비스 성과 지표로 고민중이세요? ① NPS 개념알기 - 업무용 협업툴 JANDI 블로그

잔디 CX 팀은 Customer Experience 라는 팀 이름에 걸맞게 '사용자들이 잔디를 추천하는 지수'인 'NPS (Net Promoter Score)'를 저희 팀 만의 서비스 성과 지표로 삼고 있습니다. 우리 서비스 성과 지표로 고민

blog.jandi.com

 

반응형
저작자표시 비영리

'프로그래밍 > Architect' 카테고리의 다른 글

일을 더 잘하게 합시다. - reWork withgoogle.com  (0) 2022.02.16
SSO(Single Sign-On) 구현을 위한 토큰(Token)의 활용  (0) 2022.02.03
KubeSphere DevOps: A Powerful CI/CD Platform Built on Top of Kubernetes for DevOps-oriented Teams.  (0) 2021.10.27
좋은 동료가 되기 위한 10가지 방법  (0) 2021.10.18
Pizza As A Service 2.0 By Paul Kerrison  (0) 2021.09.30
반응형

frontend-evolution

 

https://github.com/ManzDev/frontend-evolution

 

GitHub - ManzDev/frontend-evolution: Frontend Evolution timeline (1995-2019)

Frontend Evolution timeline (1995-2019). Contribute to ManzDev/frontend-evolution development by creating an account on GitHub.

github.com

https://velog.io/@teo/full-stack-developer#%ED%92%80%EC%8A%A4%ED%83%9D-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%9E%80-%EB%AC%B4%EC%97%87%EC%9D%BC%EA%B9%8C%EC%9A%94-%EA%B5%AC%EA%B8%80%EC%97%90%EA%B2%8C-%EB%AC%BC%EC%96%B4%EB%B4%A4%EC%8A%B5%EB%8B%88%EB%8B%A4

 

풀스택 개발자에 대해서 어떻게 생각하나요?

혹시 풀스택 개발자에 대해서 어떻게 생각하시나요?? 프론트도 재밌고 백엔드도 재밌는데 둘다 하려고 하니 T자형 개발자가 되기 힘들고, 또 "풀스택개발자는 상상속 유니콘이다" 라는 말도 있

velog.io

 

반응형
저작자표시 비영리

'프로그래밍' 카테고리의 다른 글

개발자에게 하면 안되는 말 3 가지  (0) 2022.01.25
갤럭시 S21 사람지우기, 개체 지우기  (0) 2022.01.19
[AI] 광주 AI 체험 쇼케이스 가보니…"무인매장서 AI 비전 기술 느껴보니 색다르네  (0) 2021.12.07
심층강화 학습을 위한 전제  (0) 2021.12.06
PaaS란? Platform as a Service  (0) 2021.11.30
반응형

jquery ,  sortable, 안에 텍스트는 드래그 가능하게.  bootstrap sortable inner text dragable

 

https://jqueryui.com/sortable/

 

Sortable | jQuery UI

Sortable Reorder elements in a list or grid using the mouse. Enable a group of DOM elements to be sortable. Click on and drag an element to a new spot within the list, and the other items will adjust to fit. By default, sortable items share draggable prope

jqueryui.com

 

Sortable w/ Selectable Text : 

https://stackoverflow.com/questions/4070749/sortable-w-selectable-text

 

Sortable w/ Selectable Text

Is it possible to be able to have sortable elements, but still allow users to copy/paste the text inside the elements? <div class="sortable"> <div class="pseudo-sortable">Foo</di...

stackoverflow.com

 

What about putting your text in a <span>?

HTML

<ul id="sortable">
    <li><span>Item 1</span></li>
    <li><span>Item 2</span></li>
    <li><span>Item 3</span></li>
    <li><span>Item 4</span></li>
    <li><span>Item 5</span></li>
    <li><span>Item 6</span></li>
    <li><span>Item 7</span></li>
</ul>

jQuery

$("#sortable").sortable({
    revert: true,
    cancel: "#sortable li span"
});

Try it here: http://jsfiddle.net/6uXx8/

반응형
저작자표시 비영리

'프로그래밍 > Script' 카테고리의 다른 글

[javascript] Object.assign()  (0) 2022.01.18
[javascript] window.onload vs $(document).ready()  (0) 2022.01.13
자바스크립트로 현재시간 timestamp 구하기  (0) 2022.01.12
[jQuery] modal, 전체화면, Mask  (0) 2022.01.11
제이쿼리(jQuery)를 아직도 사용하나요? - 제이쿼리의 현재와 미래  (0) 2021.11.16
반응형

자바스크립트로 현재시간 timestamp 구하기

console.log( new Date().getTime() );
 

 

반응형
저작자표시 비영리

'프로그래밍 > Script' 카테고리의 다른 글

[javascript] window.onload vs $(document).ready()  (0) 2022.01.13
jquery , sortable, 안에 텍스트는 드래그 가능하게. bootstrap sortable inner text dragable  (0) 2022.01.12
[jQuery] modal, 전체화면, Mask  (0) 2022.01.11
제이쿼리(jQuery)를 아직도 사용하나요? - 제이쿼리의 현재와 미래  (0) 2021.11.16
[javascript] getDay() 날짜의 요일을 숫자로 반환 , JavaScript Get Date Methods  (0) 2021.10.18
반응형
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <style>
    #mask {
      position:absolute;
      z-index:9000;
      background-color:#000;
      display:none;
      left:0;
      top:0;
    }
    .window{
      display: none;
      position:absolute;
      left:100px;
      top:100px;
      z-index:10000;
    }
    </style>
    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script>
    function wrapWindowByMask(){
        //화면의 높이와 너비를 구한다.
        var maskHeight = $(document).height();
        var maskWidth = $(window).width();  
 
        //마스크의 높이와 너비를 화면 것으로 만들어 전체 화면을 채운다.
        $('#mask').css({'width':maskWidth,'height':maskHeight});  
 
        //애니메이션 효과 - 일단 1초동안 까맣게 됐다가 80% 불투명도로 간다.
        $('#mask').fadeIn(1000);
        $('#mask').fadeTo("slow",0.8);    
 
        //윈도우 같은 거 띄운다.
        $('.window').show();
    }
 
    $(document).ready(function(){
        //검은 막 띄우기
        $('.openMask').click(function(e){
            e.preventDefault();
            wrapWindowByMask();
        });
 
        //닫기 버튼을 눌렀을 때
        $('.window .close').click(function (e) {
            //링크 기본동작은 작동하지 않도록 한다.
            e.preventDefault();
            $('#mask, .window').hide();
        });       
 
        //검은 막을 눌렀을 때
        $('#mask').click(function () {
            $(this).hide();
            $('.window').hide();
        });
    });
    </script>
</head>
<body>
    <div id="mask"></div>
    <div class="window">
        <input type="button" href="#" class="close" value="나는야 닫기 버튼(.window .close)"/>
    </div>
    <a href="#" class="openMask">검은 막 띄우기</a>
</body>
</html>

 

 

 

jQuery 레이어 팝업(modal window) 띄울 때 전체를 덮는 반투명 검은 막(black mask) 만들기

출처: https://dev23.tistory.com/26 [Hello. Android!!]

 

jQuery 레이어 팝업(modal window) 띄울 때 전체를 덮는 반투명 검은 막(black mask) 만들기

< html > < head >     < meta http-equiv = "Content-Type" content = "text/html; charset=utf-8" >     < style >     #mask {       position:absolute;       z-index:9000;       b..

dev23.tistory.com

 

반응형
저작자표시 비영리

'프로그래밍 > Script' 카테고리의 다른 글

jquery , sortable, 안에 텍스트는 드래그 가능하게. bootstrap sortable inner text dragable  (0) 2022.01.12
자바스크립트로 현재시간 timestamp 구하기  (0) 2022.01.12
제이쿼리(jQuery)를 아직도 사용하나요? - 제이쿼리의 현재와 미래  (0) 2021.11.16
[javascript] getDay() 날짜의 요일을 숫자로 반환 , JavaScript Get Date Methods  (0) 2021.10.18
[javascript] How to output numbers with leading zeros in JavaScript? ZeroPad  (0) 2021.10.14

+ Recent posts

티스토리툴바