2️⃣ 개발 지식 B+46 Module build failed (from ./node_modules/@storybook/builder-webpack5/node_modules/babel-loader/lib/index.js): in storybook 참고한 블로그 storybook 에 종속된 babel-loader 버전으로 깔아주었다. 2023. 9. 29. Storybook Typescript 설정 typescript 문법 자체를 storybook 에서 못읽는 것 같아서, .baqbelrc 에 아래 속성 추가함 { "presets": ["@emotion/babel-preset-css-prop", "@babel/preset-typescript"], "plugins": [ [ "@emotion", { "autoLabel": "dev-only", "labelFormat": "[local]", "cssPropOptimization": true } ] ] } 2023. 9. 28. Storybook dynamic title <Meta /> storybook meta 타이틀을 함수로 생성하게끔 하려했다. 하지만, 직접 constant 로 입력해야 했다. Not Work const meta: Meta = { title: generateMetaTitle({ d1: 'Component', d2: 'Button', d3: 'SingleButton' }), component: SingleButton, tags: ['autodocs'], }; Work const meta: Meta = { title: 'Component/Button/SingleButton', component: SingleButton, tags: ['autodocs'], }; 2023. 9. 28. [antd] SyntaxError: Cannot use import statement outside a module auto import 되어서 컴포넌트를 사용했는데, 다음 에러를 직면했다. 유사 코드를 참고해보니 import 경로가 잘못되었더라. 참고 자료) https://github.com/ant-design/ant-design/issues/40113 응용) root 가 아닌 원치 않은 경로로 module 접근 시 에러가 나도록 의도할 수 있을 듯? 2023. 9. 28. [우분투 20.04] 인코딩 utf-8 xinet.kr/?p=1524 파일 더 무거워짐. 2021. 3. 30. nuxt project에서 import nuxt project에서 import 계속 안되길래 전전긍긍했다. // Getting warnings for `export 'default' (imported as 'mod') was not found` // package.json 에서 확인한 버전 "echarts": "^5.0.2", "vue-echarts": "^6.0.0-alpha.5" 그래서 nuxt.config 파일을 고쳐보았는데 그래도 안되고... 무슨 일이지 싶었다. 헌데 import 방식을 아래처럼 하니깐 되었다 ㅜㅜ 2021. 3. 30. prettier, eslint 적용하는 법 preference > settings > Editor: Format On Save (User, Workspace 모두) 체크하고 저장!!!!!!해야해!!!! settings.json // 아래는 내가 추가한거 "eslint.workingDirectories": [ // 보통 이렇게 디렉토리 설정을 안해서 자동고침이 안된다 { "mode": "auto" } ], "editor.codeActionsOnSave": { "source.fixAll.eslint": true }, // don't format on save "editor.formatOnSave": true, "eslint.validate": [ "javascript" ], "files.autoSave": ".. 2021. 2. 24. Error: listen EADDRINUSE: address already in use :::port 1차 방법 2차 방법 $ sudo netstat -pna | grep 5000 아니 rambox 앱 port 가 docker backend랑 곂쳐서 snap configure 설정으로 바꿔보려고하는데 안되네... 결국 system monitor에서 직접 꺼버림 ㅜㅜ 2021. 2. 19. docker 설치 및 기본 문법 작업환경 세팅 로드를 줄여줄 docker 작업을 시작해보자 설치하기 환경 OS : ubuntu 20.04 Install using the repository docs.docker.com/engine/install/ubuntu/ 문서에 따르면 3가지 방법이 있다고한다. 필자는 첫번째 방법으로 최신버전(20.10.3) docker engine을 다운 받았다. 그리고 아래 방법으로 설치가 잘 되었는지 확인했다. $ sudo systemctl start docker $ sudo systemctl status docker $ docker version 명령어별로 기술하여 깔끔한 참고자료 docker 이미지 관련 명령어 이미지는 Dockerfile 을 기준으로 빌드(생성)된다. 이미지 빌드 $ docker imag.. 2021. 2. 18. 이전 1 2 3 4 5 6 다음
