2025/11 8

[WebOrder] Vuetify scrollable, 스크롤 시 버튼 고정 방법

1. 간단하게 scrollable 속성으로 버튼 위치 고정하기2. 복잡하게 style 줘서 버튼 위치 고정하기3. 에디터(내용부분) 재랜더링해서 내용 밑에 버튼 붙이기 1. scrollable dialog 에 scrollable 속성을 주면내용이 Height 보다 커서 넘치고 스크롤이 생기더라도 버튼 위치가 고정된다. 이러면 끝이다. 2. style 주기 다른 방법으로는, 에 style 을 줄 수 도 있다. {{dialogTitle}} 이렇게 해도 scrollable 과 동일하다. 3. 에디터 재렌더링 (key 속성) 버튼을 내용 밑..

[WebOrder] IBSheet 페이징 처리 및 포커스 (searchMode:2 / onVScrollEndPoint)

원래 맨 처음에는 doSearchPaging 과 searchMode:3 을 이용해서(total과 한 페이지 당 행 수를 보내서 데이터 가져오고 페이징할 때마다 서버에서 페이지 불러오는)무한스크롤처럼 서버스크롤페이징을 구현했었는데 이건 Wrap (줄바꿈) 같은 가변행을 만드는 속성과 함께 쓸 수 없다고 해서 doSearch와 searchMode:2(전체 데이터를 조회하고 스크롤 내릴 때마다 계산해서 아래에 다음 데이터 붙이는(append))을 쓰고 있다. 이때 자동으로 시트 첫 행에 포커스가 가도록 하거나,특정 행을 클릭 또는 더블 클릭해서 데이터를 수정하고 저장하거나,dialog를 열고 데이터를 수정하거나 저장하면 기존 선택했던 행에 포커스가 유지되도록 하기 위해서플래그가 필요하다. 처음에 GPT 도움..

카테고리 없음 2025.11.25

[WebOrder] (Banner.vue) 저장을 위해 시트에 추가한 파일 정보를 저장 리스트에 누적시키기

템플릿 {{ _t("page.banner.pageTitle") }} {{_t("page.item.file.select")}} type="file" 이용해서 파일 첨부하는 기능에서multiple 속성을 줬기 때문에 파일을 한 번에 여러 개 선택 후 -> 저장하는 것이 가능하다. 이건 저장하면 모두 잘 저장된다. 이렇게 하나씩 각각 등록 후 저장하면 마지막에 추가한 이미지만 저장되는 결함을 발견했다. 스크립트// 배너이미지 추가.const fileChange = (event) => { const selectedFiles = event.target.files; const userName = sessionInfo.userName; newFile..

카테고리 없음 2025.11.24

[WebOrder] vueper-slides : 트랜지션 transition 조건부 처리.

이것은 ImgDialog.vue 의 코드. 내가~ 처음에 ~ 코드짤 때~이미지가 여러 개인 경우만 생각을 하고~4초마다 이미지 트랜지션되게 짜놓고~ 끝냈는데~지금 Banner 페이지를 짜다보니까얘네는 이미지가 한 장씩이라 autoplay가 되면 안된다~~그래서 조건을 추가했다. 그냥 :붙여서 바인딩으로 변경하고뒤에 조건 쓰면 끝! 간단! 원래는 이거였다.autoplay:transition-speed="250"> 1" :transition-speed="images.length > 1 ? 250 : 0"> 와따~ 방금 Item.vue 는 이미..

[WebOrder] Vue컴포넌트에서 세션 (session) 가져다 쓰기 / 백단에서 가져다쓰기

1. Vue 프론트단2. 백단 1. Vue 프론트단 세션 가져다 쓰는 방법 일단 html, js 파일을 만든다. // session.html // sessionInfo.jsconst isDev = process.env.NODE_ENV === "development"export const sessionInfo = { custName: isDev?"클로즈":document.getElementById("s_custName").value, custSeq: isDev?0:parseInt(document.getElementById("s_custSeq").value), userId: isDev?"rasachu..

[특수문자] 화살표 모음

기본 화살표단축키 : [ㅁ] + [한자]← ↑ → ↓ ↔ ↕ ↖ ↗ ↘ ↙ ➔ ➘ ➙ ➚ ➛ ➜ ➝ ➞ ➟ ➠ ➡➢ ➣ ➤ ➥ ➦ ➧ ➨ ➩ ➪ ➫ ➬ ➭ ➮ ➯ ➱ ➲ ⇦ ⇧ ⇨ ⇩ ⇪ ⇫ ⇬ ⇭ ⇮ ⇯ ⇰ ⇱ ⇲ ⇳⇍ ⇎ ⇏ ⇐ ⇑ ⇒ ⇓ ⇔ ⇕ ⇖ ⇗ ⇘ ⇙ ⇚ ⇛ ⤌ ⤍ ⤎ ⤏ ⤐ ⤑ 꺾은 선 화살표↺ ↻ ↶ ↷ ⟲ ⟳ ↯ ↰ ↱ ↲ ↳ ↴ ↵ ↸ ↹ ⤳ ⤴ ⤵ ⤶ ⤷ ⤸ ⤹ ⤺ ⤻ ⤼ ⤽ ⤾ ⤿ ⥀ ⥁ 양방향 화살표⇄ ⇅ ⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⤡ ⤢ ⤣ ⤤ ⤥ ⤦ ⤧ ⤨ ⤩ ⤪ ⤫ ⤬ ⤭ ⤮ ⤯ ⤰ ⤱ ⤲ ⥂ ⥃ ⥄ ⥅ ⥆ ⥇ ⥈ ⥊ ⥢ ⥣ ⥤ ⥥ ⥦ ⥧ ⥨ ⥩ ⥪ ⥫ ⥬ ⥭ ⥮ ⥯ 특수 화살표↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ⥉ ↢ ↣ ↤ ↥ ↦ ↧ ↨ ↩ ↪ ↫ ↬ ↭ ↮ ⇜ ⇝ ⇞ ⇟..

기타 2025.11.12

[디자인패턴] MVC, MVP, MVVM 이란 무엇인가

요즘 개발자들 면접볼 때"저는 A에서 A프로그램의 A를 맡아 개발했습니다." 라고 어필하는 것은 옛날이고"저는 MVP를 2주 만에 개발할 수 있습니다." 라고 어필해야 먹힌다는 인스타 글을 읽고여기에 덧붙여 쓰인 MVP... 가 무엇인지 몰라 찾아보았다. 1. MVC2. MVP3. MVVM4. Vue 설명 일단 1. MVCModel → 데이터, 로직 (DB나 비즈니스 처리 담당)View → 화면 표시 (사용자에게 보여주는 UI 담당) Controller는 View에 “데이터만 전달”Controller → 중간 다리 (사용자의 요청을 받아서 Model과 View를 연결)View에서 사용자 요청을 받고 → Controller에게 REST API 요청 → Service, Mapper 거쳐 데이터 반환 →..

[IBSheet] 줄바꿈 (헤더, 셀)

오랜만에 쓴다 ..ㅎㅎ요즘은 정보처리기사 실기 공부와 WebOrder 프로젝트 공지사항, Qna 게시판을 만들고 있다.게시판도 이렇게 힘든데 .... 주문 발주를 맡았다면 정처기랑 절대 병행하지 못했을 것 같다 ..요즘은 회사에 15시간씩 있고 .. 통근 시간이 3시간이고 .. 집에서 5시간 자고 .. 그렇게 살고 있다 ...흑흑 .... 어쨌든.오늘은 줄바꿈 하는 방법에 대해서 간략하게 남겨보려고 한다 . 별 건 아니지만 .. IBSheet 에서 줄바꿈 하는 방법이다. {Header: "최소\n주문수량"), Name: "minQty", Type: "int", Align: "center", Width: 100, CanEdit: 1}, 정말 쉽다. 그냥 \n 붙이면 끝. 근데 행 데이터는 이게 먹지 않는다..

웹 개발/IBSheet8 2025.11.05