크롬 익스텐션 개발 중, 백그라운드 스크립트에서 인증 헤더를 포함해 api 요청을 보낼 일이 있었다.요청에는 Authorization: Bearer {token}을 포함하고, 응답에는 Access-Control-Allow-Origin: \*을 추가했다.물론 cors 에

글만으로는 Concurrent UI Pattern을 사용한 선언형 컴포넌트의 장점이 잘 와닿지 않았다.Concurrent UI Pattern을 사용하지 않은 컴포넌트를 「명령형 컴포넌트」로, Concurrent UI Pattern을 사용한 컴포넌트를 「선언형 컴포넌트」

wsl을 사용해 서버를 개발하고 있었다. 윈도우에서 localhost로는 접속이 잘되지만, 외부 ip로는 접속이 안되는 버그가 발생했다.분명 포트포워딩도 잘 열어주고, 방화벽도 열어줬는데 외부 ip로는 접속이 안됐다.관련 질문 : https://stackove

\[Figma 플러그인] 플러그인 개발 시작하기(Dev Mode Codegen)위 글에서 Figma 플러그인을 만드는 절차를 간략하게 소개하며 하단부에 내가 만든 플러그인에 대해 간단하게 소개했다.게시한지 약 5일 정도 만에(신뢰성 없는 썸네일을 보고도) 무려 약 30

웹 기반의 UI/UX 디지인 프로토타이핑, 협업툴이다. 과거부터 무척 애용해왔는데, 최근 추가하고 싶은 기능이 생겨서 플러그인 개발을 시도해보기로 했다.이미 상당 수의 플러그인들이 피그마의 기능을 확장해주고 있다. 앞에서 피그마가 웹 기반이라고 했는데, 이 덕에 플러그

쿠버네티스를 공부하면서 적은 거라 일부러 설명을 상세히 적었습니다.에러가 발생하기까지의 과정minikube를 사용해 쿠버네티스를 공부 중에 있다.최근 직접 deployment를 만들어 보기 위해 도커 이미지를 하나 열심히 작성하고 빌드했다.이후 pc-deployment

최근 내 블로그 글 목록을 보다가 흥미로운 점을 발견했다.글 목록에서 콜론(:)이 깨져 보이는 것이다. 원래는 https://engineering.ab180이여야 하는 경로가..

이전에 yarn berry 기반의 모노레포 구축하기라는 글을 간단하게 쓴 적이 있다.그러나 yarn berry의 단점을 느끼며 pnpm으로 전환하게 되었다. 그 과정에 대해 간단하게 서술해보고자 한다.자세한 내용은 https://engineering.ab180

출처: https://docs.ethers.org/v6/getting-started/Provider는 블록체인에 대한 읽기 전용 연결로, 계정, 블록 또는 트랜잭션 세부 정보와 같은 블록체인 상태를 쿼리하고, 이벤트 로그를 쿼리하거나 호출을 사용하여 읽기 전용

출처 : https://en.wikipedia.org/wiki/Tree_shaking코드를 최적화할 때 사용하는 \[dead code elimination](https://en.wikipedia.org/wiki/Dead-code_elimination)

eslint로 .storybook 내부의 파일도 인식하고 싶었는데 eslint에서 인식을 못했다.eslint 기본 설정에서 숨김 처리된 폴더는 무시한다. https://github.com/eslint/eslint/issues/8429mono repo일반적인 경

레퍼렌스 https://velog.io/@projaguar/Yarn-3-MonoRepo-with-Typescript-Next.js-Nest-React-Native 특히 이 글을 많이 참조했다. https://techblog.woowahan.com/7976/ h

이 세팅의 경우에는 호불호가 갈림 https://yrnana.dev/post/2021-03-21-prettier-eslint/ 참조그러나 편리하게 세팅 가능하기에 이렇게 세팅.in settings.json.prettierrc.json 생성"plugin:pret

재사용성이 높은 버튼 만들기css 속성을 커스텀 컴포넌트에도 적용시키자PostButton에 넣어준 css 속성이 className으로 변해서 내려간다.

플러터에서의 Inkwell은 hover나 tap 등 다양한 제스처 시 색상 변화를 준다.hover 시 컬러 변화 예제그러나 최근 개발하다가 splash effect가 작동 안하는 현상을 발견예제를 단순하게 가공했기에 오류가 쉽게 보일 것입니다.. 컨테이너에 컬러 색상을

동아리 내부 발표용으로 적은 자료에서 개인정보나 불필요한 부분을 덜어냈습니다.저도 학부생으로 아무것도 아니지만 취준을 하면서 느꼈던 점을 공유하려고 적었습니다.간단하게 적다보니 말투가 오락가락하고, 구멍난 내용들이 있는데, 너그럽게 봐주시면 좋겠습니다.저의 개인적인 의

firebase database에서 읽어온 데이터를 파싱하려고 했다.데이터는 다음과 같은 유사 배열이였다.이 데이터를 어떻게 깔끔하게 변환할까 고민이 있었다.https://stackoverflow.com/questions/68511490/how-to-parse

개요 간단한 개발용 서버를 제작하기 위해 파이썬으로 서버를 만들었는데, firebase storage의 문서가 좀 부실했다. 관리 챕터에 기타 서버 언어들이 들어있는데 시작하기만 적혀있다 ㅠㅠ 다행히도 정보를 찾아보니 google cloud storage 문서에

간단한 테스트 서버를 만들어서 이미지를 보내려 했는데, 다양한 색의 이미지를 어디 저장해서 가져오기도 그래서 실시간으로 생성해서 뿌려주기로 했다.이미지의 사이즈가 200\*200이므로 초당 1000개 정도는 문제가 없을 듯 한데, 테스트를 해보니 이미지 하나 생성에 2

파이썬 문제를 풀다가 이상한 현상을 찾았다.