반응형 개발 지식 B+24 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. 프로그래머스 | 옹알이 - 재귀로 풀기 function solution(babbling, available =["aya", "ye", "woo", "ma"]) { // 재귀 return 값은, babbling이 가질 수 있는 정답의 수 let tempAnswer = 0; babbling.forEach(item=>{ for(let i=0; i Boolean(temp)); if(split.join('').length < item.length - available[i].length) break; // 유의사항 1. // 같은 단어는 한번씩만 존재한다. 즉, 연속된 단어의 경우 split 해버리면 안됨. // 몇 개 들었는지 알 수 없음. if(split.length === 0) { tempAnswer += 1; // item 분석 끝났으니 next.. 2022. 10. 31. [우분투 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. 패스트캠퍼스 CS 강의 수강 시작 구직을 시작한지 일주일차이다. 그러면서 뼈저리게 느낀 사실은, CS 지식이 너무너무 필요하다는 것이다. 힘들게 포폴 만들고, 코딩/과제 테스트를 통과해서 얻은 면접 기회인데, 내가 봐도 기술적으로 부족하다는 것을 느꼈다. 우선 순위 큐 삽입/삭제를 맥스힙으로 구현하는 방법, 다익스트라 알고리즘 등 모르겠다고 답변하는 그 시간이 너무 민망했었다. 프론트엔드 포지션으로 구직하면 보다 괜찮지 않을까 했지만, CS지식은 모든 개발자의 기본이라는 사실을 간과했던 것 같다. 최근에 안 사실인데, 나는 전자공학과도 준 SW 전공자라고 생각했다. 하지만, 현실은 아니었다. 물론 내가 따로 지식을 채워갔으면 좋았겠지만 소홀했었다. 그래서 고민을 했다. 정보처리기사 자격증을 준비하면서 부족한 전공 지식을 채울지, 강의를 .. 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": "afterDelay" default for.. 2021. 2. 24. 이전 1 2 3 다음 반응형
