DevOps 신규 프로젝트 배포 시 job 에러 해결
신규 프로젝트 생성 후 파이프라인 가동 시 job 에러12에러내용: "No hosted parallelism has been purchased or granted. To request a free parallelism grant, please fillout the following form https://aka.ms/azpipelines-paral
홈
JWT Token Flow
[SPA] JWT Token Flow JWT의 구체적인 구현 방법에 대해서는 정해진 정답이란 정석은 없다.AccessToken이나 RefreshToken 의 만료 기간이라든가, refresh 할 때 AccessToken을 같이 보낼 것인지 정보를 재사용할것인지, RefreshToken의 payload에 무엇을 담아야 하는지.. 등등.. 서비스에 따라 구현하
WebAssembly (웹 어셈블리)
WebAssemblyWebAssembly(WASM)는 최신 웹 브라우저에서 실행할 수 있는 새로운 유형의 코드이며, 새로운 기능과 성능 면에서 큰 이점을 제공한다. 직접코드를 작성하는 것이 아니라 C, C ++, RUST 등의 저급 소스 언어를 효과적으로 컴파일하도록 고안되었다. 이전에 불가능했던 웹에서 실행되는 클라이언트 응용 프로그램을 사용하여 웹에서
React.js Storybook Typescript Design System Utilization
Storybook을 활용하여 본격적으로 디자인 시스템 구축하기 스토리북을 쓰는 방법을 어느정도 배웠으니, 이제 Hello 컴포넌트 말고 정말 디자인 시스템에 있어서 유의미한 컴포넌트들을 만들어봅시다. 그런데, 어떤 컴포넌트를 만들어야 할까요? 사실 가장 이상적인것은 프로젝트를 만드는 과정에서 처음부터 디자인 시스템을 구축하고 재사용이 자주 될 것 같은 컴포
React.js Storybook Typescript Component Props
Storybook 프로젝트에서 TypeScript로 컴포넌트의 props 문서화 편하게 하기TypeScript 를 사용하면 JavaScript의 불편함을 해결해줄 수 있고, IDE를 더욱 적극적으로 활용 할 수 있게 해줍니다. 특히, 리액트 컴포넌트를 TypeScript 로 작성하면, PropTypes 를 완전히 대체 할 수 있고 훨씬 유용하고 편합니다.
React.js Storybook Addon
Storybook을 다양한 Addon과 함께 활용해보면서 사용법 정복하기 storybook addon actions addon knobs addon docs 2. 스토리북, 시작하기.Storybook을 사용할 때 create-react-app으로 만든 프로젝트에서 Storybook 설정을 하여 사용할 수도 있고 아예 새로운 Storybook 전용 프로젝트
React.js Storybook Typescript Design System
TypeScript와 Storybook을 사용한 리액트 디자인 시스템 구축하기이 튜토리얼은 TypeScript와 Storybook을 사용하여 리액트 디자인 시스템을 구축하는 방법을 다룹니다. 이 문서를 통하여 여러분들은 다음과 같은 주제들을 배우게 됩니다. 디자인 시스템 이해하기 Storybook의 주요 기능 살펴보기 및 컴포넌트 문서화하기 디자인 시스템
VSCode Extension Dev3
Vscode Extension (플러그인) 만들기3저번 markdown 파일에서 업그레이드 버전입니다.단어수 체크할 때 Hi 를 계속 호출하기 귀찮으니 자동으로 체크해주는 코드입니다. 우선 클래스를 하나 만들어 주고.. 12345678910111213141516171819202122232425262728293031class WordCounterControl
VSCode Extension Dev2
Vscode Extension (플러그인) 만들기2우선 다시 폴더를 만들어주시고 extesion.ts 함수입니다. 계속 Hello World 만 쳐야 하는게 싫어서 Hi 로 바꿔봤습니다. 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515
VSCode Extension Dev1
Vscode Extension (플러그인) 만들기1vscode 확장에서는 코드로 직접 키 입력을 감지해서 단축키 작업을 실행하는것이 아니라, 특정한 이름으로 커맨드를 만들고 유저가 직접 커맨드와 단축키를 바인딩하는 과정을 거칩니다. VSCode API 확장 프로그램의 activate 함수 아래에 아래와 같은 코드를 작성합니다.커맨드 이름은 extension