mingg IT

깔끔하게 코드 짜는 꿀팁으로 filter, map을 사용하는 방법이 있다. for문을 돌리는것보다 훨신 직관적으로 확인할 수 있다. 좋은 예시가 있어서 포스팅하려고 한다. 리팩토링 전 함수를 보고 어떻게 바꿔보면 좋을지 혼자 고민하고 결과를 확인해보면 좋을듯. 해당 방법에 익숙해 져야함. //리팩토링 전 function acquireData(input) { const lines = input.split('\n'); let firstLine = true; const result = []; for (const line of lines) { if (firstLine) { firstLine = false; continue; } if (line.trim() === '') continue; const record ..

https://leetcode.com/problems/maximize-sum-of-array-after-k-negations/ Maximize Sum Of Array After K Negations - LeetCode Level up your coding skills and quickly land a job. This is the best place to expand your knowledge and get prepared for your next interview. leetcode.com priorityQueue 를 사용하면 쉽게 풀 수 있다. 처음엔 Array를 계속 정렬했는데 그럴 필요가 없음. class Solution { public int largestSumAfterKNegations(int[..

Shadow dom 말그대로 숨겨진 HTML 요소임 예를들어 를 사용하고 개발자 도구로 보면 button, span 태그가 두개 생길거임. 이게 shadow dom임. apperance : none 속성은 기본 브라우저 css를 없애는것 Progressbar 수정 예시 수정 하기 전 기본 Progress bar F12 클릭 후 Show user agent shadow DOM 을 클릭하면 shadow DOM 을 확인할 수 있다. Shadow DOM 수정 코드 수정 결과 바뀐 것을 확인 할 수 있다.

vs code에서 이런식으로 custom snippet를 사용할 수 있다. 해당 muistyled는 원래 제공하던 것이 아니라 만든 것이다. 얼마나 편한가 ? 오늘은 간단하게 만들는 법을 알아보려고 한다. 파일 -> 기본설정-> 사용자 코드 조각 이름을 입력한다. 난 임의로 my_snippets로 입력했음. my-snippet.code-snippets { "refactor": { "scope": "javascript,typescript", "prefix": "refactor", "body": ["//리팩토링 전", "\n", "//리팩토링 후"] } } 이런식으로 사용하면 prefix로 입력한 내용을 vs code에서 입력하고 엔터를 누르면 body에 있는 내용이 출력된다. 즉 refactor를 입력하면..

리팩토링 2판 예시 1번 프로그램이 새로운 기능을 추가하기에 편한 구조가 아니라면, 먼저 기능을 추가하기 쉬운 형태로 리팩토링하고 나서 원하는 기능을 추가한다.리팩토링 하기 전에 제대로 된 테스트부터 마련해야 한다. 테스트는 반드시 자가진단하도록 만들어야함.컴퓨터가 이해하는 코드는 바보도 작성할 수 있다. 사람이 이해하도록 작성하는 프로그래머가 진정한 실력자다. 1단계 함수 쪼개기. function statement(invoice, plays) { let totalAmount = 0; let volumnCredits = 0; let result = `청구 내역(고객명 : ${invoice.customer})`; const format = new Intl.NumberFormat("en-US", { styl..

MacBook Air로 brew install awscli 를 하였더니 다음과 같은 에러가 발생했다. 해결법은 arch -arm64 brew install awscli 를 수행한다. 즉 brew앞에 arch -arm64 를 붙이면 됨.

.package.json 에 "export" 추가 { "name": "next_animation", "version": "0.1.0", "private": true, "scripts": { "dev": "next dev", "build": "next build", "start": "next start", "lint": "next lint", "export": "next export" }, "dependencies": { "@zeit/next-sass": "^1.0.1", "jquery": "^3.6.0", "next": "12.1.0", "node-sass": "^7.0.1", "react": "17.0.2", "react-dom": "17.0.2" }, "devDependencies": { "eslin..

기본 CRA로 만들어진 페이지를 Next.js로 마이그레이션 하는 과정에서 .module.scss 사용 에러가 났다. yarn 으로 설치 하자 yarn add @zeit/next-sass node-sass next.config.js 를 수정해준다. /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, cssModules: true, }; const withSass = require('@zeit/next-sass'); module.exports = withSass; module.exports = nextConfig; next.config.js를 수정해주었으니 yarn dev 한번 하고나면 module.scss..