생활코딩 마인드맵 라이브러리 cytoscape 사용법

https://velog.io/@takeknowledge/%EC%83%9D%ED%99%9C%EC%BD%94%EB%94%A9-%EB%A7%88%EC%9D%B8%EB%93%9C%EB%A7%B5-cytoscape-%ED%99%9C%EC%9A%A9-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8-56k4in7315

생활코딩에 접속해서 수업 소개 섹션으로 가면 수업간의 관계를 확인할 수 있는 마인드 맵이 있습니다.

개인적으로 공부한 것들의 흐름을 위와 같이 정리하면 좋을 것 같았습니다.
그래서 해당 라이브러리가 cytoscape라는 것을 확인 후 이를 활용해 비슷한 사이트를 개발을 해봤습니다.

그러나 cytoscape 관련한 별도의 한글 정보가 없어 영어를 잘 못하는 저는 수많은 삽질의 시간을 거쳐야 했기에 다른 분들은 해당 라이브러리를 좀 더 편하게 쓰실 수 있도록 개발하면서 알게 된 것들을 한글기록으로 남깁니다. 도움이 되었으면 좋겠습니다!

https://github.com/nomelancholy/project-skill-map

반응형 웹 디자인의 9가지 기본 원칙

https://knulab.com/archives/1153

갤럭시 S21 사람지우기, 개체 지우기

https://www.edaily.co.kr/news/read?newsId=01184086628918704&mediaCodeNo=257 

https://www.youtube.com/watch?v=IyAzdJEzlVQ 

Object.assign()

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/assign

Object.assign()

const target = { a: 1, b: 5 };
const source = { b: 7, c: 5 };

const returnedTarget = Object.assign(target, source);

console.log(target);
// expected output: Object { a: 1, b: 4, c: 5 }

console.log(returnedTarget);
// expected output: Object { a: 1, b: 4, c: 5 }

 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

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 결과를 분석합니다. 

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