SangJJang

VSCode Terminal 에 node.js 환경경로 잡기

1. node.js를 다운로드한다.- 설치파일이 아닌, 바이너리(zip) 파일을 받아서, 자신이 원하는 경로에 압축을 푼다. 2. VSCode를 실행한다.- VSCode 터미널을 연다.  아무것도 설정하지 않았으니, 당연하다.  - [Shift + Ctrl + P]를 누르고, settings.json이라고 검색한다.- Preferences: Open User Settings (JSON)을 선택한다. - settings.json 파일이 열린다.  - PATH 부분에 node 경로를 넣는다.{ "terminal.integrated.env.windows": { "PATH": "D:\\node\\node-v20.11.1-win-x64" // node 경로 }} 3. VSCode 터미널을 ..

- vue-router install npm install vue-router 해당 폴더, 프로젝트에 package.json에 dependencies가 추가된다. - main.js import { createApp } from 'vue' import router from '@/router' import App from './App.vue' const app = createApp(App) app.use(router) app.mount('#app') 참조. @는 src 폴더를 가리킨다. - router 폴더 생성 후 index.js 파일 생성 import { createRouter, createMemoryHistory } from 'vue-router' import HelloWorld from '@/comp..

- vue 설치 npm install -g @vue/cli vue2 or vue3 설치 중 선택하라고 한다. vue3 최신버전으로 선택. - 프로젝트 만들기 vue create [프로젝트명] - VSCode에 프로젝트 열기 File - Open Folder... 선택 후 프로젝트 폴더 선택해서 열면 끝. 아.. 그리고 마지막으로.. - 메뉴 View - Open View... 선택하고, NPM Scripts 하나는 열어주자. 그러면, 하단에 package.json 스크립트를 실행할 수 있는 영역이 표시된다. serve - run을 클릭해서 실행하면 서버가 실행되고, 기본 vue 화면을 확인할 수 있다. 끝.

- 요 몇일 성과없는 개발이라고 해야 되나.. - 나름 공부도 했지만, 명확히 이것이 무엇이다 라고 할 수준까지는 못한 것 같다. - 일정의 압박과 함께... - 그래도 jquery plugin 쪽에 제일 기본이라고 되는 부분에 대해서는 나름대로 명확한 기준이 생긴것 같다. - page tab 및 modal alert / confirm 창을 custom tag 나 jquery plugin 으로 개발을 하는 방법을 찾다가.. - plugin 쪽은 문외한이라.. 공부하다보니, - 제일 기본적인 개념 및 문법이라고 보이는 사이트(https://www.ostraining.com/blog/coding/custom-jquery-plugin/)라고 판단된다. - https://www.ostraining.com/blo..

- 에공.. - spring 기반 egovframework 에서 - 서버에 데이터 request 를 json string 으로 받고 - json string 을 json object convert 할때 에러가 발생. - json string 문자열 중에서 % 가 있으면 convert 과정중에 에러난다. - 폭풍검색~ - 원인 : % 기호가 있으면 16진수로 변환이 안되서 나는 에러 - % -> %25 로 바꿔서 사용할 것 - 스크립트처리 또는 자바단에 처리해도 됨. - 현재 공통 submit function 에 전체적으로 적용될 수 있게 해둠. - 오늘 적용된거라, 앞으로 어떤 문제점이 발생할지는 미지수임. // replaceAll function replaceAll( str , targetStr , c..

- 뒤로가기 history.back(); OR history.go(-1); - 앞으로 가기 history.forward(); OR history.go(1); - history 이벤트 감지 ( pushState / popstate ) // state : 직렬화할 수 있는 모든 것의 값 // title : history title // url : history url / 익스플로러 url 변경됨. history.pushState( state , title , url ); - history API 예제 ( https://developer.mozilla.org/ko/docs/Web/API/History_API ) History API DOM의 Window 객체는 history 객체를 통해 브라우저의 세션 기록에..

1. FullCalendar 기본선언 let calendar01 = new FullCalendar.Calendar( document.getElementById('calendar'), { plugins : [ "dayGrid" ] , locale : "ko" ... }); calendar01.render(); 2. 조회데이터 셋팅 - addEventSource 하게 되면 조회된 데이터가 계속 쌓이게 된다. - FullCalendar 함수 중 getEventSourceById 을 통해서 삭제 후 다시 addEventSource 한다. - EventSource Id 를 통해서 여러 Eventsource 를 관리할 수 있다. if( calendar01.getEventSourceById("dataList") !=..

1. 조회화면 조회조건 엔터키 조회 $("#condDiv").on( "keyup" , function( e ){ let keyCode = e.keyCode; if( keyCode == 13 ){ // enter key $("#btnSearch").click(); return false; } });

1. FullCalendar-4.3.1 let calendar = new FullCalendar.Calendar( document.getElementById('xxx'), { plugins : [ "dayGrid" ] , locale : "ko" ... });