본문 바로가기

웹

[React] React에서 devExtreme 쓰는법
웹/React 2023. 3. 16. [React] React에서 devExtreme 쓰는법 🟩 DevExtrem이란? devExtreme은 화면에 테이블을 쉽게 만들어주는 라이브러리 입니다. const row = [ { non: "555", q: "5", w: "3", e: "5", r: "6", }, { non: "배배", q: "11", w: "333", e: "52355", r: "253256", }, ]; const column = [ { caption: "테스트1", dataField: "non", }, { caption: "테스트2", dataField: "q", }, { caption: "테스트3", dataField: "w", }, { caption: "테스트4", dataField: "e", }, { caption: "테스트5", dataField: "r", }, ]; 이러한 ..
[npm] Error: EPERM: operation not permitted, mkdir '\node_modules' 에러가 날 때
웹/Nodejs 2023. 3. 15. [npm] Error: EPERM: operation not permitted, mkdir '\node_modules' 에러가 날 때 pacakage.json에 있는 npm 페키지들을 바로 install 하려했습니다. 그런데! not permitted mkdir이 떴습니다. 왜 dir을 만들지 못할까 생각하고 해결한 과정입니다. 🟩 해결과정 저는 로컬디스크(F:)를 보조 하드로 쓰고 있는데요. 여기에 수정 권한이 없어서 생기는 문제라고 생각했습니다. 속성을 눌러서 모든권한을 체크해봅니다. User에게 모든권한을 줘봅니다. 그러면 /node_module 이라는 파일을 생성하는데 아무런 문제가 없을것입니다. 왜 이런 권한이 바뀌었나 생각을 하고 찾아보니 윈도우에서 사용자 이름을 바꾸면 생기는 경우라고 합니다. 파일의 권한이 예전 사용자의 이름의 권한으로 되어 있던것이었습니다. npm 설치 성공!
npm과 npx의 차이점
웹/Nodejs 2023. 3. 14. npm과 npx의 차이점 🟩 npm npm은 node Pacakge Module입니다. npm 사이트에서 필요한 라이브러리를 다운받을수 있게해주는 명령어 입니다. 🟩 npx npx는 새로운 패키지 관리 모듈이 아닙니다. npm을 좀 더 편하게 사용하기 위해서 npm에서 제공해주는 하나의 도구입니다. 자바스크립트 패키지 관리 모듈인 npm(Node Package Module)의 5.2.0 버전부터 새로 추가된 도구입니다. 따라서 npm@5.2.0 이상 버전만 깔려 있다면 npx 명령어를 사용할 수 있습니다. npx 는 패키지를 임시 설치해서 "실행"하는 용도입니다! 예를 들어 react 와 같은 library 를 설치할 수는 있지만 실행이 안 되므로 npx로 설치가 불가능합니다. 만약 npx 로 react를 설치할거라면 creat..
[Vue] Computed 속성에 대해서
웹/Vue 2023. 3. 3. [Vue] Computed 속성에 대해서 🟩 Computed Computed는 대상으로 정한 data() 속성 값이 변했을 때, 이를 감지하고 자동으로 다시 연산해주며, 결과 값은 저장(캐싱)을 합니다.(Watch와 비슷하지만 Computed에서 중요한 부분은 결과 값을 "저장"하는 부분입니다. 캐싱이 포인트입니다) 🟩 computed 속성은 Vue.js 컴포넌트 내에서 객체 형태로 선언됩니다. 예를 들어 다음과 같은 코드로 fullName이라는 computed 속성을 정의할 수 있습니다. computed: { fullName() { return `${this.firstName} ${this.lastName}`; } } 🟩 computed 속성에 접근하기 computed 속성은 템플릿에서 {{ }}와 같은 보간법(interpolation)을 사..
웹/TypeScript 2023. 2. 1. Typescript에서 string key로 객체 접근하기 Typescript에서 string key로 객체 접근하기 interface Person { name: string, age: number, } const testFunction = (testObj:Person, objectName: string) =>{ console.log(testObj); // { name:'minho', age:25 } } constmin= { name: 'minho', age: 25}; testFunction(min, 'age'); 위와 같은 상태에 있습니다. testFunction()을 호출했을 때 저는 매개변수로 들어온 testObj의 name만 필요한 상황입니다. 어떻게 할까요? 물론 [testObj.name]() 을 하면 됩니다...
웹/JavaScript 2023. 1. 27. [Js] curried funciton는 어떻게 쓸까? 🟦 curried funciton는 어떻게 쓸까? ItemDataFind: (state) => (id) => { return state.ItemList.rows.find(row => { if (row.id === id) { return 1 } }) } 다른사람의 코드를 보다가 이게 어떻게 동작하는거지?? 하는 궁금한 마음과 이건 뭐라 부르지 하는 마음에 chatGpt에게 물어보니 이건 curried function이라고 알려주었습니다. 그래서 스택오버플로우를 검색해보았습니다. 스택오버플로우에서 가져왔습니다. curreid의 정의 수학과 컴퓨터 과학에서 커링이란 다중 인수을 갖는 함수를 단일 인수를 갖는 함수들의 함수열로 바꾸는 것을 말한다. 예를 들어, 세 개의 인수를 가지는 함수f를 커링하면 다음과 같..
[Vue] Vue3 컴포넌트 안에서 다른 컴포넌트를 쓰고 싶을 때
웹/Vue 2023. 1. 1. [Vue] Vue3 컴포넌트 안에서 다른 컴포넌트를 쓰고 싶을 때 🟩 components components는 import로 가져온 Vue 컴포넌트를 사용하기 위해 import 한 이름으로 등록합니다. 그리고 등록된 Vue 컴포넌트는 에서 태그로 사용되어야 합니다. Champion.vue라는 컴포넌트에서 BanPick.vue라는 컴포넌트를 쓰고 싶습니다. 🟩 그럴 때는 Champion.vue에서 Banpick컴포넌트의 export name을 import 해야합니다. Bacpick의 export name은 BanReccomend 이니 BanReccomend를 import 해줍니다. 🟩 그리고 Champion.vue에서 components라는 것으로 vue 객체에게 "컴포넌트안에 컴포넌트를 등록한다"는 표시를 해줍니다. 🟩 가져온 컴포넌트를 태그로 사용하면 됩니다.
웹/Nodejs 2022. 12. 26. 🟩 sequelize에서 bulkUpdate할 때 필요한건 unique 키!! sequelize에서 bulkCreate해야하는 상황이 있습니다. 여기서는 bulkCretae의 옵션을 사용해서 update를 하려합니다. 다른방법 bulkCreate option - updateOnDeuplicate const result = await User.bulkCreate(updateUsersDto, { updateOnDuplicate: ["name"] }); Sequelize의 bulkCreate option 중 updateOnDeuplicate를 사용하면 일괄 upsert를 칠 수 있습니다. 가장 많이 사용되는 방법이지만, 일부 컬럼을 대상으로는 사용할 수 없습니다. update가 아니라, upsert 개념입니다. 즉, 유니크한 키가 필요합니다. 기본으로 id를 unique 키로 찾습니다...
✅ [Nodejs] Sequelize에서 값 증가,감소 update 하기
웹/Nodejs 2022. 12. 20. ✅ [Nodejs] Sequelize에서 값 증가,감소 update 하기 ✅ Sequelize에서 값 증가,감소 update 하기 저는 입력을 할 때 마다 -1이 되는 동작이 필요했습니다. 0 이상의 값만 감소시키려고 합니다. 기존칼럼에 - 하는 쿼리을 짜봤습니다. update inventories set count = (select count from inventories i2 where item_id = 1) - 1 where (select count from inventories i2 where item_id = 1) >= 0 and item_id = 1; inventories라는 테이블에 count라는 기존 칼럼에 -1 을 하는 칼럼 입니다. item_id칼럼의 값을 주고 값이 0 이상일 때만 동작하게 됩니다. 이제 이걸 sequelize로 옮기려고합니다. 👉 방법1...

티스토리툴바