프로그래밍 잡동사니

How TypeScript Works TypeScript가 제공하는 보호장치는 JavaScript로 변환되기 전에 작동한다! TypeScript Playground에서 전에 수행했던 코드들을 테스트해보자 TS Playground - An online editor for exploring TypeScript and JavaScript The Playground lets you write TypeScript or JavaScript online in a safe and sharable way. www.typescriptlang.org 이처럼 직접 타입을 명시하는 것이 Implicit Types, 할당된 값으로 타입 추론(Type Inference)하는 것이 Explicit Types인데, 타입 추론이 가능하..

근사 알고리즘 (Approximation Algorithms) NP-완전 문제들은 활용성이 높지만 다항식 시간에 해결할 수 있는 알고리즘이 아직 발견되지 않았고, 존재하지 않을 것으로 추측된다. 일단 해결하기 위해 다음 3가지 중 1가지는 포기해야 한다 다항식 시간에 해를 찾는 것 모든 입력에 대해 해를 찾는 것 최적해를 찾는 것 NP-완전 문제를 해결하기 위해 3번째 요소(최적해)를 포기, 최적해에 아주 근사한 해를 찾아주는 것이 근사 알고리즘이다 최적해가 아닌 근사해를 찾는 대신 다항식 시간의 복잡도를 가진다 근사해가 얼마나 최적해에 근사한지 나타내는 근사 비율(Approximation Ratio)을 알고리즘과 함께 제시해야 한다 근사 비율이 1.0에 가까울수록 정확도가 높은 알고리즘이다 근사 비율을..

Why TypeScript? 타입 안전성(Type Safety)으로 버그 및 런타임 에러 감소 + 개발자 경험 및 생산성이 증가한다 TypeScript 4.6 버전 (2022.02.28 업데이트) 기준으로 전체적인 개념을 정리해보자! * Node.js 17.3 버전 이상, TS 자동완성 및 커스터마이징에 최적화된 VS Code 사용 권장 Why not JavaScript JavaScript는 개발자를 최대한 이해하고 오류를 내지 않으려 한다 TypeScript는 위와 같은 문제들을 코드를 실행하기 전에 체크하고 풍부한 피드백을 제공한다! 본 내용은 노마드코더의 'Typescript로 블록체인 만들기'를 바탕으로 작성되었습니다.

보호되어 있는 글입니다.

다음과 같은 .svg 파일을.. [assets/github.svg] React에서 하던 것처럼 import해 Next.js에서 컴포넌트로 사용하려고 하면.. 아래 패키지를 설치해주자 npm i -D @svgr/webpack next.config.js를 수정해준다 /** @type {import('next').NextConfig} */ const nextConfig = { reactStrictMode: true, webpack: (config) => { config.module.rules.push({ test: /\.svg$/i, issuer: /\.[jt]sx?$/, use: ['@svgr/webpack'], }); return config; }, }; module.exports = nextConfig;..

P(polynomial) 문제 집합은 다항식 시간 복잡도를 가진 알고리즘으로 해결되는 문제들을 의미하며, O(logn), O(n), O(nlogn), O(n^2), O(n^3) 등 점근적 표기법으로 O(n^k)에 포함되는 시간 복잡도 내에서 해결된다 다항식보다 큰 시간복잡도를 가진 알고리즘으로 해결되는 문제 집합 들이 있는데, 이는 여러 가지 문제 집합으로 다시 분류되며, 이 중 지수 시간 시간복잡도를 가진 알고리즘으로 해결되는 문제들을 NP-완전 문제 집합이라고 한다 * 하나의 NP-완전 문제에 대해서 다항식 시간의 알고리즘을 찾아내면, 모든 다른 NP-완전 문제도 다항식 시간에 해를 구할 수 있다 NP 문제 집합은 이러한 P 문제 집합과 NP-완전 문제 집합을 포함하는 개념으로, 비결정적 다항식 시간..

얼마 전, 좋은 기회로 테오의 스프린트 7기에 참여하게 되었다 테오의 스프린트는 velog에서 활동하시는 인플루언서 카카오엔터프라이즈 시니어 개발자 teo님이 종종 모집하는 구글 스프린트 체험으로, 5일간 '아이디어 -> 스케치 -> 솔루션 -> 프로토타이핑 -> 사용자 피드백'을 경험하는 협업 프로젝트이다! 구글 스프린트를 아시나요?🔽 구글 스프린트를 아시나요? 한국형 스프린트, 퀵서클(Quick Circle) | 구글 스프린트란? 스프린트는 7명의 팀원들이 열린 토론을 통해 프로토타입을 제작하고 고객과 함께 아이디어를 테스트하여 중요한 문제들에 대한 답을 brunch.co.kr 전 기수 분들이 워낙 재미있는걸 많이 만드시기도 했고, velog에 가끔 올라오는 회고 글에 담긴 협업 과정이 흥미로워서 기..

보호되어 있는 글입니다.

react-animation-on-scroll 라이브러리를 활용해 React에서 간단한 스크롤 애니메이션을 구현해볼 것이다 GitHub - MetinArslanturk/react-animation-on-scroll: A react library to animate elements on scroll. It has integration with anima A react library to animate elements on scroll. It has integration with animate.css. Supports typescript and server side rendering - GitHub - MetinArslanturk/react-animation-on-scroll: A react libra.....

Comment를 마크다운으로 작성해 GitHub Issues로 저장할 수 있는 utterances 플러그인을 React에서 사용해보자 1. Comment를 저장할 repository를 생성하고 아래 링크에서 utterances를 연동해준다 GitHub: Where the world builds software GitHub is where over 73 million developers shape the future of software, together. Contribute to the open source community, manage your Git repositories, review code like a pro, track bugs and feat... github.com 2. 생성한 repos..