Category: Front-End

블로그 및 웹사이트에서 사용할 수 있는 복사 및 드래그 방지 스크립트이다. 드래그 방지 복사 방지, 개발자 도구 방지

회사에서 프로젝트를 git으로 부터 내려받고 코드 분석하는 과정에서 의문점이 하나 생겼다. vue-cli를 이용하여 프로젝트를 생성하는 경우에 어떤 스크립트 및 파일들이 생성되는지 궁금하였다. 또한 스크립트 생성시...

Vue.js not detected를 해결하기위해 크롬 브라우저에서 확장프로그램으로 Vue Devtools 찾아서 설치 후 Hello Vue.js를 출력해보는 테스트를 진행합니다.  테스트 파일은 아래 html파일을 다운받으세요. Vue LifeCycle Sample.html...

<UL>, <LI> 리스트 태그의 점을 없애기(제거) 하는 방법 <ul>, <ol>, <li> 태그를 사용하여 생성된 리스트(목록) 앞에는 기본적으로 불릿이 생성이 된다. 이 블릿( 점, 숫자 등)을...

토글버튼(<v-btn-toggle>)을 이용하여 분기별, 반기별 버튼을 생성 후 시작일(<v-date-picker>)과 종료일(<v-date-picker>)을 바인딩하는 방법에 대한 구현 예제이다. -------------------- 생략------------------- <v-row> <v-col class="pb0"><p class="fc-222222">조회기간 </p></v-col> </v-row> <v-row style="text-align: center;">...

사원정보 추가시 팝업창을 호출하여 다중 선택하여 저장하는 구조에서 멀티셀렉트 박스 <v-select> 스타일로 변경한 후  기존 선언 변수와 쿼리를 모두 변경하지않고 유지해서 사용하려고 시도하였다. 모든 문제의...

사용자들이 로그인해서 사용하는 사이트의 세션이 끊겼을 때  로그인 페이지로 이동하도록 다음과 같이 코드를 적용하였다.   정확한 이유는 모르겠으나 서버사이드 로그인페이지 주소(/common/login.do) 호출시 리턴코드로 404가 반환되었다....

높이가 160px를 넘어가면 자동으로 스크롤이 노출된다.     < div class=”ajax_partial” data-url=”/Main/UserPartial” style=”height: 160px;overflow: auto;”>         @Html.Partial(“LoadingCircle”)     < /div>

< ul>                      < li style=”float:left; width:130%;”>        < label class=”subject3″>구분         @Html.RadioButton(“DisplayFlag”, 1, new { @class = “radio”, @id = “radio1”, @checked = “checked” })        < label class=”normal” for=”radio1″>영어< /label>         @Html.RadioButton(“DisplayFlag”, 0, new { @class = “radio”, @id = “radio2” })      ...