개발 노트

immer 공부하는데 에러가 났다. 에러 내용:export 'default' (imported as 'produce') was not found in 'immer' (possible exports: Immer, applyPatches, castDraft, castImmutable, createDraft, current, enableMapSet, enablePatches, finishDraft, freeze, immerable, isDraft, isDraftable, nothing, original, produce, produceWithPatches, setAutoFreeze, setUseStrictShallowCopy) 원인 :해결 방법 :

❓ 2024-01-08 08:37AM 이걸 표현하고 싶은데 날짜변환표 에는 없다 항상 시간데이터를 변경할때 날짜변환표를 사용했지만 2024-01-08 08:37AM에 관한 내용은 없다. 따로 조합해서 만들어야 하는거 같다. 💡 조합하기 CONVERT(VARCHAR(10), CAST(@RTNDTTM AS DATETIME), 23) + ' ' + RIGHT(CONVERT(VARCHAR, CAST(@RTNDTTM AS DATETIME), 100), 7)

❓엑셀 데이터가 많은데 MSSQL 엑셀 기능 안쓰고 넣는 방법은 없을까? MSSQL에 내장되어 있는 엑셀 import를 하면 제일 쉽긴하지만 혹여나 잘못해서 기존의 테이블에 있는 데이터들이 날라가는게 두려워서 일일이다 insert하다가 .. 이건 아니다 싶어서 구글링해보니 아주 신박한 방법이 존재!! 💡 엑셀의 함수기능 활용 예를들어 A1의 값과 B1값을 INSERT 하고 싶을때 =CONCATENATE("insert into fruit (NAME,REMARK) values ('",A1,"', '",B1,"')") C1에 이런식으로 쓰면된다. 만약 여러개의 데이터의 경우 첫번째줄만 셀을 맞추고 빨간색 십자가의 위치에서 마우스 커서를 되면 검은 십자가가 나타나고 3행까지 드래그해주면된다. 쿼리문 A1셀을 복..

위에서 부터 차례대로 input박스 체크박스 라디오박스 해당하는 데이터처리 참고사항: ref으로 숫자를 받을 시 문자로 받아짐! v-model.lazy v-model.number v-model.trim 각각 기능도 알아두면 좋음 체크박스가 여러개면 배열로 체크박스가 하나면 참 거짓으로 특정 상황일때 클래스를 불러와서 적용시킬 수 있음 Your Name enter name

1.전역/지역 컴포넌트 main.js 에서 컴포넌트를 import하면 전역 app.vue에서 컴포넌트를 import하면 지역적으로 사용 //main.js import { createApp } from 'vue'; import App from './App.vue'; import BaseBadge from './components/BaseBadge.vue'; const app = createApp(App); app.component('base-badge', BaseBadge); app.mount('#app'); //app.vue 2. scoped style에 scoped를 지정하면 그 컴포넌트의 스타일이 적용된다. 안되어 있으면 전역 스타일로 된다. 3.slot 를 통해 해당 컴포넌트를 사용하는 그대로 ht..

한 곳에 데이터를 제공하고 다른 곳에서 삽입 장점 : 거치지 않고 바로 상위 레벨에 전달 가능 상위 레벨에서 provide된것만 inject가능 이웃간 통신안됨 단점: 자주 쓰는건 아님, 어디서 받아왔는지 찾을려면 다 뒤져야함 가장 상위 앱에서 provide() 함 원래 대로라면 app.vue -> KnowledgeBase.vue -> KnowledgeGrid.vue 순으로 데이터를 넘겨줬어야 했다면 이번에는 상위 app.vue에 provide를 사용해서 바로 넘겨 줄 수 있음 하위 앱에서는 inject으로 데이터를 받음 그리고 이벤트나 함수도 inject에 넣어서 사용할 수 있다. Learn More

1.이벤트에 바로 쓰기 Delete 2.메소드 안 객체로 쓰기 Toggle Favorite

1.App.vue에 있는 데이터를 강제로 변경하는 건 불가능 //App.vue {{ name }}{{ isFavorite === '1' ? '()':''}} Toggle Favorite {{ detailsAreVisible ? 'Hide' : 'Show' }} Details Phone: {{ phoneNumber }} Email: {{ emailAddress }} 1-1.변수를 지정해서 바꾸는 것 1-2.부모 컴포넌트에 알리는 법 this.$emit를 통해 부모 컴포넌트에서 수신될 이벤트와 인수를 전달 My Friends 3. v-for를 통해 컴포넌트를 반복해서 쓸 수 있다. My Friends :를 통해 동적으로 사용 가능

명렁 프롬트에서 원하는 폴더에 이동한 후 vue create [뷰 프로젝트이름] 버전 선택한 후 설치 완료되면 설치된 뷰 프로젝트 폴더로 이동해서 npm run serve 입력 예시) 바탕화면에서 위도우키 눌러서 'cmd' 입력 명령 프롬트창 실행 cd [원하는 폴더]로 이동 vue create first-app 으로 생성 실행

html내장요소와 이름이 겹치지 않게 '-'사용 컴포넌트는 앱안의 미니앱임 자체 템플릿을 지정해야함 const app = Vue.createApp({ data() { return { friends: [ {id: 'a1', name: 'azy', phone: '123 456 789', email: 'zzzzz'}, {id: 'a2', name: 'jliy', phone: '123 456 000', email: 'yyyy'}, ] } } }); app.component('friend-contact',{ template:` {{friend.name}} Show Details Phone: {{friend.phone}} Email: {{friend.email}} ` , data() { return { detail..