목록전체 글 (276)

mingg IT

[MUI] TabPanel Height 100% 주는 법 (MUI version 5)

두번째 똑같은 실수를 하고 있길래 포스팅을 하려고 한다. Mui에서 Tabs, TabPanel 을 사용하였으며, 첫번재 탭에서 내용물이 바깥으로 튀어나가고 있기 때문에 height를 100%로 주고싶다. import { Box, Grid, Paper, Stack, Tab, Tabs, Typography } from '@mui/material'; import React from 'react'; import { TabPanel } from '../VclubPage'; export interface IVipclubPageProps {} export const TestVipclubPage: React.FC = ({}) => { const [value, setValue] = React.useState(0); co..
FrontEnd 2022. 12. 26. 20:53
[Nx] Nx libs 디렉토리 내부 프로젝트 생성하기

libs > apis 디렉토리 밑에 test라는 프로젝트를 생성하고 싶다. 사실 공식 문서를 보면 다 나와있다. https://nx.dev/packages/react/generators/library @nrwl/react:library | Nx Create a React Library for an Nx workspace. nx.dev yarn nx g @nrwl/react:lib test --directory=apis 를 사용하게 되면 libs 폴더밑에 api 폴더 내부에 test 프로젝트가 생성 되었다.
Monorepo 2022. 12. 21. 12:11
[React] HMR 이 정상동작 하지 않는 경우 (HMR] Update failed: TypeError: Failed to fetch) 에러

Denying load of chrome-extension://fmkadmapgofadopljbjfkapdkoienihi/build/runtime.70f78575b2b63954.hot-update.json. Resources must be listed in the web_accessible_resources manifest key in order to be loaded by pages outside the extension HMR (Hot Module Replace) 웹팩의 강력한 기능중 하나이다. 모듈을 전부 새로고침 할 필요 없이 런타임에 업데이트 할 수 있다. 이게 정상동작 안하면 소스를 고칠 때 마다 새로고침을 해주어야한다. (업무 시간이 매우 증가한다) 그런데 갑자기 콘솔에 warning 이 발..
FrontEnd 2022. 12. 13. 17:45
[Git]Unlink of file '파일이름' failed. Should I try again? 에러 해결

git pull을 받으려고 하니 갑자기 처음 보는 에러가 발생했다. 원인을 찾아보니 excel파일이 커밋 되면서부터 발생했다. 여러 해결법을 찾던 와중 $ git gc $ git pull 을 하고나니 pull 이 받아졌다. 만약 그래도 안된다면 git clone 부터 다시 받아라..
git 2022. 11. 28. 15:43
[Vue] Vue3+typescript 공통 컴포넌트 만드는 방법

보통 우리가 부모컴포넌트에서 자식컴포넌트로 데이터를 넘겨주고, 변경하기 위해선 props 와 emit을 주로 사용한다. 공통 컴포넌트를 만들면서 props로 전달받은 값을 직접 변경할 수 없기 때문에 Object로 통째로 넘겨주거나(v-model을 사용하기 위해) 혹은 emit을 이용해서 결국 부모컴포넌트에서 emit을 이용해 받아온 값으로 수정을 해주었다. 쓰면서 너무 불편했고 공통 컴포넌트가 맞나 생각이 들던 와중에 새로운 방법을 발견했다. container.vue (부모컴포넌트임) List라는 공통 컴포넌트를 만들고 여러군데에서 사용한다고 가정하자. 보통 우리가 props를 넘겨줄땐 :time="dummy.time" 을 사용한다. 허나 v-model:time="dummy.time"으로 넘겨준 것을 ..
FrontEnd 2022. 11. 18. 17:42
This is probably not a problem with npm. There is likely additional logging output above. 에러 해결법

npm install을 진행하려 했으나 에러가 발생했다. 해결법은 다음과 같다. 1. npm cache 지우기 npm cache clean -f 2. node_modules 폴더 지우기 rmdir /s node_modules (window 기준 명령어) rm -rf node_modules (linux 기준 명령어.. 였던것 같다) 3. npm 설치하기 npm install 성공!
FrontEnd 2022. 10. 24. 10:37
[Vue3 + Typescript + Cypress] Cypress 도입하기

https://big-frown-d91.notion.site/Vue3-typescript-Cypress-90b6a719819c43a285bc3656a7ce73d3 Vue3 + typescript + Cypress Vue3 + cypress설치 big-frown-d91.notion.site Vue3 + cypress설치 (기존 Vue 폴더 존재한다는 가정하에 진행) npm install cypress -D tsconfig.json typescript error를 수정하기위해 types에 cypress를 추가해 주어야 한다. (안하면 Cannot find name 'it'. Cannot find name ‘cy’ 등 많은 eslint 에러가 발생함) https://docs.cypress.io/guides/t..
FrontEnd 2022. 10. 23. 17:46
[HTML] form 태그 안에 button 태그가 있을 경우 click 이벤트가 발생하는 문제

form 태그 안에 button이 있을경우 onclick 이벤트를 달지 않았음에도 불구하고 click 이벤트가 발생했다. 심지어 click되면서 새로고침 + 라우팅까지 되어서 이게무슨.. 경우인가 계속 고민했고 처음엔 form 태그 안에 button이 있는지도 몰랐다. 문제 발생 원인 form 태그 내에서 button 사용시 타입을 명시하지 않으면 default로 submit 타입이 들어가게되서 페이지가 새로고침 된 것이였다. 문제가 발생한 코드 클릭 해결법은 두가지이다. (form 태그를 div태그로 바꾸어 주거나 혹은) button의 타입을 button으로 설정해주면 된다. 클릭 즉 form 태그 안에서 button을 사용할 경우 type="button"을 함께 사용해주어야 한다. 브라우저에 따라 d..
FrontEnd 2022. 10. 14. 15:10
이전 Prev 1 ··· 12 13 14 15 16 17 18 ··· 35 Next 다음