기록

import common from '@/assets/js/common.js'; import HelloWorld from './components/HelloWorld.vue' 좌측의 구조에서 HelloWorld.vue에서 common.js를 가져올 때 App.vue에서 HelloWorld.vue를 가져올 때 위의 코드처럼 가져온다!! vue사용이 처음이라 경로표시에 대해 궁금한 점을 알아보았다. vue에서 경로를 가져올 때 @, .의 의미 @와 .은 모두 파일 경로를 나타내는 기호입니다. @: @ 기호는 Vue CLI에서 제공하는 앨리어싱(aliasing) 기능으로, 프로젝트 루트 경로를 가리킵니다. 이를 통해 상대 경로 대신에 프로젝트 루트 경로를 기준으로 파일 경로를 지정할 수 있습니다. .: . 기호..

i18n 라이브러리는 Vue.js의 공식 라이브러리 중 하나로, 다양한 언어와 지역을 지원하는 다국어 처리를 쉽게 구현할 수 있도록 도와줍니다. 1. Vue.js i18n 라이브러리 설치 npm install vue-i18n 2. Vue.js i18n 라이브러리 사용 main.js 파일에 다음과 같이 i18n 라이브러리를 추가합니다. import Vue from 'vue' import VueI18n from 'vue-i18n' Vue.use(VueI18n) const i18n = new VueI18n({ locale: 'en', // 언어 설정 fallbackLocale: 'en', // fallback 언어 설정 messages: { en: { // 영어 메시지 hello: 'Hello World!' ..

아래 그림같은 형태의 피피티 화면에서 작성일자를 오늘 날짜로 수정하려고 합니다. 이 글에서는 위치를 이용하여 수정할 거라서 아래 그림처럼 수정하고자 하는 요소의 위치를 알아야합니다. 선택되지 않은 부분에서 표로 보이는 것은 바탕이미지라고 생각해주시고 번호는 설명을위해 붙인걸로 봐주세요!! 이런 형태가 여러개의 슬라이드에 반복적으로 있고 그 중 0부터 카운트해서 3번째위치에 있는 텍스트 박스를 전 슬라이드 일괄 수정합니다. XMLSlideShow XMLSlideShow는 Apache POI 라이브러리를 사용하여 생성된 PowerPoint 프레젠테이션의 내용을 나타내는 Java 객체입니다. getShapes() 이용 getShapes() 메서드는 슬라이드의 모든 객체(shape) 목록을 반환합니다. 객체는 ..

afterEditCell afterEditCell은 jqGrid에서 편집하는 각 셀의 편집 후에 호출되며, 사용자가 편집을 완료하고 포커스를 다른 셀로 이동할 때 호출됩니다. afterEditCell 함수는 다음과 같은 인자를 받습니다: rowid: 편집된 셀의 행 ID cellname: 편집된 셀의 열 이름 value: 편집된 값 iRow: 편집된 행의 인덱스 iCol: 편집된 열의 인덱스 예를 들어, 편집된 값을 서버로 저장하거나 특정 유효성 검사를 수행할 수 있습니다. 그리고 grid편집 후 저장할 때 input의 html이 데이터로 저장되는 경우가 있는데 이를 방지하기 위해서도 쓸 수 있습니다. 아래 코드가 이에대한 코드입니다. jQuery("#grid").jqGrid({ datatype: "lo..

[요구사항] 1. mian 페이지에서 subPage를 오픈. 2. 어떤 페이지에서 로그아웃되면 전체 페이지에서 로그아웃 (한 창만 로그아웃화면으로 이동하고 나머지는 닫음) 3. 부모창을 닫으면 자식창도 닫침. (부모창 닫을때 컨펌) 4. mian페이지 위에 최상위 부모창이 있을 경우도 있음. subPage1 $scope.logout = function () {//subPage1에서 로그아웃할때 바로 /lougout으로 이동하지 않고 상위 페이지 close sessionStorage.clear(); localStorage.setItem("closeAllTabs", "Y"); localStorage.setItem("closeTabsTrigger", "subPage1"); window.opener.close(..

grid가 생성된 후에 setGroupHeader 메소드를 사용하여 그룹화 startColumn부터 우측으로 numberOfColumns 수만큼 titleText라는 그룹으로 묶는다 titleText에는 html태그가 포함될 수 있다. $("#grid").jqGrid('setGroupHeaders', { useColSpanStyle: true, groupHeaders:[ { startColumnName: 'Col1', numberOfColumns: 5, titleText: ''+Group1+'' }, { startColumnName: 'Col6', numberOfColumns: 3, titleText: 'Group2' } ] }); 삭제 $("#grid").jqGrid('destroyGroupHeader..

웹 페이지 로드 과정 Prompt for unload 페이지를 벗어날 때(다른 페이지로 이동할 때) 발생한다. unloadEventStart에서 window에 beforeunload 이벤트가 발생한 후 unload 이벤트가 발생한다. Redirect (redirectStart, redirectEnd) 서버쪽에서 redirect 신호가 오면 발생한다.(HTTP code 301, 302) optional이라서, 발생하지 않을 수 도 있음. AppCache 서버에서 데이터를 받아오기 전에 브라우저에 캐시가 있는지 확인 내부 네트워크 처리 단계(DNS, TCP, Request, Response) DNS(domainLookupStart, domainLookupEnd) DNS에 요청을 보내기 전에 먼저 브라우저에 ..

iframe을 display: none으로 추가하고 load완료 후 show해주면서 화면이 깜빡이는 것을 방지할 수 있음. form생성 전에 로딩창을 띄우고 load완료 후 숨겨줌. function functionOpen(functionName){ var functionInfo = functionModel.getFunction(functionName);//화면 정보 가져옴 $("#maincontents").remove(); var iframeHtml = "" $("#frameDiv").append(iframeHtml);//ifram 추가 commonUtil.showLoadingPage();//화면 로딩 표시 보여주는 함수 var form = document.createElement("form"); // ..

Java ExecuteQuery로 base64로 저장된 Blob데이터를 들고오지 못하는 문제가 발생하여 utf8로 convert하여 가져오도록 하는 SQL SELECT FILEID,FILENAME,FILESIZE,FILETYPE,CONVERT (FILEDATA using utf8) AS FILEDATA , DATE_FORMAT(CREATEDATE, '%Y-%m-%d %H:%i:%s') AS CREATEDATE, CREATEUSER AS CREATEUSER FROM FILE WHERE FILEID=@FILEID

1. colModel에 frozen: true 옵션 추가 가장 왼쪽 컬럼부터 이어서 설정해야함. 띄워서 설정할 경우 마지막 컬럼(가장 오른쪽)과 이어진 컬럼만 고정된다. jQuery("#grid").jqGrid({ datatype: "local", colNames: ['Col1', 'Col2', 'Col3'], colModel: [ {name: 'Col1', index: 'Col1', width: 70, frozen:true }, {name: 'Col2', index: 'Col2', width: 70, frozen:true}, {name: 'Col3', index: 'Col3', width: 70 } ], rowNum: 10, rowList: [5, 10, 20], // ... }); 2. setFroz..