My Web Story

IT/etc

[채널톡플러그인] 채널톡 사용법

// vue 사용시 created // React 사용시 Mounting if (process.browser) { window.addEventListener("session_connect",function(e){ this.session_connect(e.detail); }.bind(this)); if ((typeof (window.androidinterface) != 'undefined') || (typeof (webkit) != 'undefined' && typeof (webkit.messageHandlers) != 'undefined' && typeof (webkit.messageHandlers.iOSinterface) != 'undefined')) { }else{ window.onload = (fu..

IT/JavaScript

[JAVASCRIPT] 자식컴포넌트에서 부모로 사용시 뒤로가기

부모의 자식컴포넌트에서 뒤로가기 시 아래 코드를 사용하면 부모로 이동 가능

IT/node.js

[Node.js] Nodejs 백엔드 프로젝트 생성하기 1

1. 백엔트 프로젝트 폴더생성 - back 2. npm init 하면 아래같이 설정에대한 내용이 나옴니다. : 나중에 설정가능한것들이 있어 그냥 엔터 후 yes 하시면 됩니다. D:\codingSeo\vue>cd back D:\codingSeo\vue\back>npm init This utility will walk you through creating a package.json file. It only covers the most common items, and tries to guess sensible defaults. See `npm help init` for definitive documentation on these fields and exactly what they do. Use `npm in..

IT/JavaScript

[Javascript] 드래그 방지, 오른쪽 마우스 클릭 방지

1. 드래그 방지 : ondragstart = "return false" **ondragstart : 드래그가 시작 될 경우 발생하는 이벤트 2. 오른쪽 마우스 클릭 방지 : onselectstart = "return false" **onselectstart : 선택이 시작 될 경우 발생하는 이벤트

IT/JAVA

[JAVA]삼항연산자(조건연산자)

삼항연산자(조건연산자) - 피연산자(항)가 3인 연산자 - ? 앞의 조건식에 따라 : 앞 뒤의 문장을 선택하는 연산자 - 뒤에 나올 if ~ else문의 역할과 동일한 작업을 수행 조건식 ? 값1 : 값2; - 조건식은 연산결과가 true 또는 false인식만 올 수 있다! (조건식결과가 false이면 값2를 선택) - 삼항연산자 여산결과를 변수에 대입하거나, 출력문 등에 결합하여사용 할 수 있음 int num = 10; System.out.println(num >= 10 ? "num이 10이상이다" : "num이 10이상이아니다" ); //num이 10이상이다 //=> num이 10이상일때(true)일때 "num 이 10이상이다" 문장을 선택하여 출력문에 사용하므로 // "num이 10이상이다" 문장이..

IT/HTML

[HTML] data-tab을 이용하여 Tab 기능 만들기

data-tab태그 와 cnt의 id값을 공통으로 하여 연결시켜준다. HTML 01월31일 02월01일 02월02일 오늘의 할일 비타민 챙겨먹기 선풍기씻기 냉장고청소 오늘의 할일 홍삼먹기 연차 오늘의 할일 청소하기 화분물주기 CSS .container{margin:0 auto; width:80%;} .tab_tit{padding-top:20px; border-bottom:1px solid #777;} .tab_tit::after{content:''; display:block; clear:both;} .tab_tit li{float: left;width: 150px;height: 32px;text-align: center;line-height: 32px; cursor:pointer} .tab_tit li:..

IT/JavaScript

[javascript] a태그 선택시 특정위치로 부드럽게 가기

● href에 id를 지정하여 jquery의 animate함수와 offset()함수를 이용하여 그위치로 이동합니다. ● offset()함수는 범위를 지정할 때 자주 사용하는 함수입니다.(특정이름으로 지정, 아이디를 가진 요소의 위치값) ● this.hash를 사용하여 유효한 id값을 반환합니다. ​ ● offset() 사용방법 // 상단을 기준으로 a엘리먼트 요소가 위치한 거리를 절대좌표로 반환 a.offset().top; // 좌측을 기준으로 a엘리먼트 요소가 위치한 거리를 절대좌표로 반환 a.offset().left; // 절대좌표를 기준으로 위에서 200px에 해당하는 좌표로 이동시킴 a.offset({top: 200}); // 절대좌표를 기준으로 좌측에서 200px에 해당하는 좌표로 이동시킴 a...

IT/JavaScript

[javascript] modal 창으로 팝업띄우기

모달과 모달리스의 차이는 모달외의 화면창이 클릭이 되냐 안되냐의 차이이다. ​ ▶ HTML 검색 × 상세검색 ▶ CSS /* modal */ .modal {display: none;position: fixed;z-index: 99999;left: 0;top: 0;width: 100%;height: 100%;overflow: auto;background-color: rgb(0,0,0);background-color: rgba(0,0,0,0.4);} .modal-cnt {background-color: #fefefe;margin: 10% auto;border: 1px solid #888;width: 50%;height: 498px;border-radius: 5px;} .modal_close {color: #..