2025/12 8

[Vue3] shallowRef (ref와의 차이)

활용 예시전체 코드 - shallowRef 란 ?값 자체만 바뀌는지 감시하고 그 안까지 깊게 들여다보지는 않는 ref.우선 Ref 와 shallowRef 의 차이부터 감을 잡으면 좋다. 1. Refref 는 깊게 감시(deep)하여 객체 안까지 전부 반응성 추적을 한다.const a = ref({ x: 1 })a.value.x = 2 // 반응함 a의 값까지 변경할 수 있다. 2. shallowRef통째로 바뀔 때만 반응한다.내부는 신경쓰지 않고 겉만 보기 때문에 shallow 이다.const a = shallowRef({ x: 1 })a.value.x = 2 // 반응 안 함a.value = { x: 2 } // 반응함 const currComponent = ref(AutoComplete)..

웹 개발/Vue 2025.12.30

[Ramda][lodash] 람다 함수 (range, tap, pipe) , _.(Lodash 함수 이것 저것)

사실 Ramda는 몰라서 그냥 조금 찾아본 거고~lodash 사용법을 더 열심히 찾아서 썼다. 1. Ramda 1-1 range 1-2 tap 1-3 pipe 1-4 사칙연산 함수 2. lodash 1-1 findindex 1-2 remove 1-3 find 1-4 filter 1-5 map 1-6 foreach 1-7 includes 1-8 reduce 1-9 forOwn 1-10 groupBy 실제 사용 예제 1. Ramda : 오픈소스 자바스크립트 라이브러리 : lambda (람다식)와는 상관 없다. 1-1 람다 패키지 불러오기import * as R from "ramda" 보통 ramda 패키지를 불러와서 R이라는 심벌로 사용한다.(rambda 는 간단하게 사용할 수 있는 ramda의..

기타 2025.12.29

[Vue3] Daum Post API 다음 주소를 Vue에서 사용하기 (주소)

- Vue3 CompositionAPI 공식 API 홈페이지 주소는 아래와 같다. http://postcode.map.daum.net/guide Daum 우편번호 서비스우편번호 검색과 도로명 주소 입력 기능을 너무 간단하게 적용할 수 있는 방법. Daum 우편번호 서비스를 이용해보세요. 어느 사이트에서나 무료로 제약없이 사용 가능하답니다.postcode.map.daum.net 전체코드 포인트는 1.import {VueDaumPostcode} from "vue-daum-postcode"; 2. 3. @complete 는 DaumPostCode에서 만든 이벤트 원래 onComplete 인데, vue에서 @로 on을 대신할 수 있기 때문에 @complete 로 사용한다 DaumPostDial..

웹 개발/Vue 2025.12.24

[WebOrder] IBSheet 포함 페이지에 IBSheet 참조할 때 loader.config 타이밍 문제 해결. (Qna.vue)

IBSheet 는 한 번 create 해야 한다. - Qna 전체코드 최상위 부모 Qna 페이지에서 CustList.vue 컴포넌트를 참조하는데이때 이 참조 컴포넌트에서 IBSheet가 있는 경우 시트 로드 타이밍 때문에에러가 나는 경우가 있다. (시트가 제대로 출력이 안되거나 하는 등) loader.config({ registry: [{ name: "ibsheet", baseUrl: '../../sheet', theme: "darkgray", locales: ["en", "ko"], plugins: ["dialog", "common", "excel"] }]});loader.load();이 코드를 어느 컴포넌트에 써주느냐가 문제다...

[IBSheet] CASE WHEN 사용하기 (DB 데이터 이용해서 조건 체크할 때)

기능을 구현하다보면 이런 경우가 있다. tbl_item_master : item_seq , item_nametbl_set_items : mst_item_seq, item_seq, item_name item 테이블에는 품목 정보가 있고set 테이블에는 품목들이 세트로 구성된 세트 품목 정보가 있다.예를 들면 세트품1에는 품목1,품목2 데이터가 속하는 경우..(mst_item_seq 컬럼 [tbl_item_master] 에는 세트품인 품목의 itemSeq 품목 시퀀스가 들어감) 화면에 아이템 정보를 출력하면서,이 아이템이 세트품목인지 그냥 품목인지 체크박스에 표시를 한다고 할 때 set 테이블의 mst_item_seq [master테이블] 에 item_seq가 저장되어있는지 확인하면 된다.이 품목 코드..

웹 개발/IBSheet8 2025.12.17

[AI] 직업(Job)과 작업(Task)의 차이.

우연히 젠슨황 인터뷰를 보았는데 생각해보기 좋은 주제인 것 같아서 남겨둔다. 많은 사람들이 AI 의 발전으로 인간의 일자리가 줄어들 것이라 걱정한다.물론 영향을 굉장히 많이 받긴 할텐데, 그건 AI 덕에 효율이 매우 증가할 것이기 때문이다.여기서 중요한 것은 '직업'과 '작업'을 구분해야하는 것이다. 예를 들면5년 전 쯤, 어떤 AI과학자가AI가 가장 먼저 접수할 곳은 영상의학과라고 하였고때문에 앞으로 영상의학과 의사들은 일자리가 줄어들 것이라고 했다고 한다. 실제로 지금 영상의학과는 전부 AI로 100% 바뀌었는데영상의학과 의사 수는 오히려 늘어났다고 한다.스캔이나 이미지 분석같은 건 의사들의 Task 였을 뿐이기 때문에.의사의 직업은 질병을 진단하는 거니까, 일의 효율이 증가했을 뿐 일자리를 대신하진..

[WebOrder] PDF 출력 Controller, vue 코드

오. PDF 출력할 때 화면에 창 띄우는 게알고보니 GET 요청으로 하고 있었다 ^-^ (사실 주소 보고 알았지만 괜찮은 줄 알고 넘어감) 이번에 POST 요청으로 변경하라는 피드백을 받고.난 모르니까 GPT 에게 도움을 청함.ㅠ 1. 변경 후 Post요청 코드2. 기존 Get요청 코드 1. 변경 후 Post요청 코드 vue// PDF 문서 출력.function doOpenPDF(orderSeq) { const form = document.createElement("form"); form.method = "post"; form.action = '../../report/reportPDF.do'; form.target = '_blank'; const params = { ..