딩신 - 코딩의 신

declare module '*.svg?inline' { const content: any export default content } declare module '*.svg' { const content: any export default content }

코드 - github.com/qlee3/DodgeBug qlee3/DodgeBug 빌드 중에 시간을 죽이고 버그를 피하는 의식을 치르세요! Contribute to qlee3/DodgeBug development by creating an account on GitHub. github.com 크롬에서 인터넷이 막히면 공룡 달리기 게임을 할 수가 있는데, 굉장히 재미있게 했었다. 빌드 시간에도 이런 재밌는 게임을 하고 있으면 어느샌가 빌드가 끝나지 않을까? 해서 만들었다. 빌드 시간 중에 버그를 피하는 의식을 치르자는 컨셉으로 똥피하기 게임을 먼저 만들어봤다. 터미널에서 게임을 하려면 어떻게 해야할까 고민을 많이 해봤었는데, 찾아보니 blessed라는 편한 라이브러리가 있었다. www.npmjs.com/p..

코드 - github.com/qlee3/DodgeBug qlee3/DodgeBug 빌드 중에 시간을 죽이고 버그를 피하는 의식을 치르세요! Contribute to qlee3/DodgeBug development by creating an account on GitHub. github.com 크롬에서 인터넷이 막히면 공룡 달리기 게임을 할 수가 있는데, 굉장히 재미있게 했었다. 빌드 시간에도 이런 재밌는 게임을 하고 있으면 어느샌가 빌드가 끝나지 않을까? 해서 만들었다. 빌드 시간 중에 버그를 피하는 의식을 치르자는 컨셉으로 똥피하기 게임을 먼저 만들어봤다. 터미널에서 게임을 하려면 어떻게 해야할까 고민을 많이 해봤었는데, 찾아보니 blessed라는 편한 라이브러리가 있었다. www.npmjs.com/p..

code.visualstudio.com/api/working-with-extensions/publishing-extension Publishing Extensions Learn how to publish Visual Studio Code extensions to the public Marketplace and share them with other developers. code.visualstudio.com 사실 여기 잘 나와있다 npm install -g vsce vsce package // 로컬 빌드 vsce publish // 아예 마켓까지 올려버리는 명령어 publish로 하면 훨씬 빠르지만 먼저 빨리 배포하고 싶어서 package로 빌드를 말고, 나온 파일을 아래에 추가, 5분정도면 배포가 완료..

// webpack config js const path = require("path") const TsconfigPathsPlugin = require('tsconfig-paths-webpack-plugin') const tsConfigPath = path.resolve(__dirname, "./tsconfig.json") ... resolve: { extensions: ['.ts', '.tsx', '.js'], plugins: [new TsconfigPathsPlugin({ configFile: tsConfigPath })] }, tsconfig-paths-webpack-plugin은 예제에 많아서 사용해보게 됐는데, 간단히 말하면 alias(단축경로)를 쓰려면 typescript를 쓸 시 Tscon..

www.npmtrends.com/awesome-typescript-loader-vs-ts-loader awesome typescript loader vs ts loader | npm trends Compare npm package download statistics over time: awesome typescript loader vs ts loader www.npmtrends.com 를 보면 ts loader를 사용하는 경우가 더 많아보임 typescript 옵션은 아래를 참고했다. typescript-kr.github.io/pages/compiler-options.html TypeScript 한글 문서 TypeScript 한글 번역 문서입니다 typescript-kr.github.io 일단 줬던 ts..

저희는 현재 보통 WebView에서 onNavigationStateChange 에서 이벤트를 받아서 canGoBack이라는 boolean타입을 받고, state에 저장합니다 Android 백버튼을 누르면 state의 canGoback 을 확인하고, true일시 WebView의 goBack()을 호출하는 방향으로 해결해왔었는데용 backHandlerAction = () => { if (this.state.canGoBack) { this.webViewRef.current && this.webViewRef.current.goBack() } else { return false } return true } 이게 그러니까 CSR로 동작할 때(리액트 라우터나, 넥스트라우터 같은), SPA에서는 보통 location의..

webpack.config.js const HtmlWebpackPlugin = require("html-webpack-plugin"); const path = require("path"); module.exports = { entry: "./src/index.js", output: { filename: "[name].js", path: path.resolve(__dirname, "dist") }, plugins: [new HtmlWebpackPlugin({ template: path.join(__dirname, './public/index.html'), inject: true })] }; html html-webpack-plugin 을 사용했고 더 많이 옵션을 줌에 따라서 다양하게 커스텀 할 수 있다. ..

이번에 개발하면서 팩토리패턴으로 구현된 코드를 옮겼었는데, 개인적으로 불편한 점이 많아서 좀 더 찾아보게 됐다. 팩토리 패턴 중 가장 구현이 잘 된것은 Object 같다. 다른 값을 넣어도 해당 타입에 맞게 새로운 객체를 생성해주는데, const bool = new Object(true) const num = new Object(1) const arr = new Object([1,2,3]) const factoryArr = [bool, num, arr] factoryArr.forEach((obj) => { console.log(obj.constructor.name) }) // Boolean // Number // Array 다른 예제들을 봤을 때는 커피팩토리, 자동차팩토리 등의 예제들이 있었는데, 오히려..

. Promise callback 함수를 async로 쓰면 Promise 가 에러를 캐치하지 못할 수 있다 프로미스 내에서 어씽크, await 를 쓰다 보면 내부에서 또 새로운 프로미스 객체를 생성하기 때문으로 보인다. 관련 eslint eslint.org/docs/rules/no-async-promise-executor no-async-promise-executor - Rules eslint.org pouchdb.com/2015/05/18/we-have-a-problem-with-promises.html We have a problem with promises Clarification: for these examples, I’m assuming that both doSomething() and doSo..