All Posts

console.log 유틸을 만들다가 bind 함수의 동작 방식 파헤쳐보기
console.log를 유틸함수로 분리해서 사용했더니 DevTools의 콘솔 스택 트레이스가 항상 유틸 파일을 가리키는 문제를 겪었습니다. 이를 해결하기 위해 bind를 사용했고, 그 과정에서 일반 함수 호출과 bind 함수 호출이 ECMAScript 스펙 상에서 어떻게 다른 동작을 하는지 파헤쳐본 경험을 작성한 글입니다.
#Javascript
26.01.21

프론트엔드에서 DIP는 어디에 쓰일까? 자동화 도구를 재설계하며 얻은 인사이트
반복되는 테스트 작업을 줄이기 위해 자동화 도구들을 확장하던 중, 기존 구조가 확장과 변경에 취약하다는 한계를 마주했습니다.이 글은 네트워크 로그 도구를 스펙 중심으로 재설계하며 프론트엔드에서 DIP를 적용한 경험을 정리한 글입니다.
#DIP #har #architecture
26.01.08

TanStack Query의 구조적 공유와 React 리랜더링에 대한 학습과 관찰
TanStack Query의 구조적 공유 동작을 분석하고, React 컴포넌트의 리랜더링을 관찰했습니다.
#tanstack-query
25.08.19

어떻게 하면 마크다운 블로그에서 게시글을 편하게 작성할 수 있을까?
옵시디언을 마치 상용 블로그 서비스의 게시글 작성 에디터로 탈바꿈시켜 주는 세팅 방법에 관해 설명하고 있습니다. 더 이상 힘들게 블로깅 하지 마세요!
#블로그 #Gatsby #Obsidian
24.04.08

webpack에서 vite로 마이그레이션하기
#곰터뷰 #네이버-부스트캠프
24.01.29

2023 회고로 시작했지만 2023 총집합본이 되어버린... (feat. 부스트캠프)
#네이버-부스트캠프 #회고 #연간회고
23.12.20

MSW를 사용해서 에러 응답을 목업하고 런타임에서 쉽게 갈아끼우기
MSW를 사용해서 성공 응답 뿐만 아니라 에러 응답도 목업하고, 런타임에서 쉽게 에러 응답으로 변경하는 방법에 대해 다루고 있습니다.
#곰터뷰 #네이버-부스트캠프
23.12.08

console.log처럼 쓸 수 있는 toast 만들기
react-toastify 라이브러리의 내부 코드를 분석해보며 console.log처럼 사용할 수 있는 토스트를 만드는 과정입니다.
#곰터뷰 #네이버-부스트캠프
23.12.06

Oauth2를 도입하신다고요? 꼭 쿠키 사용하세요 ^^
Oauth2에서 쿠키로 토큰을 관리할 때 발생하는 문제점과 이에 대한 해결방안을 기록했습니다.
#네이버-부스트캠프 #곰터뷰
23.11.26
![[부스트캠프/NDD] 곰터뷰는 왜 Cloudflare를 사용해서 배포하게 되었을까? 썸네일 이미지](/_next/image?url=https%3A%2F%2Fi.imgur.com%2FvTLB9Nf.png&w=256&q=75)
[부스트캠프/NDD] 곰터뷰는 왜 Cloudflare를 사용해서 배포하게 되었을까?
Docker, AWS S3, Cloudflare를 사용해서 React 웹사이트를 배포해본 후 Cloudflare을 선택하게된 과정을 담고 있는 글입니다.
#곰터뷰 #네이버-부스트캠프
23.11.13
![[부스트캠프 웹・모바일 8기] 부스트캠프 챌린지 준비 과정부터 수료 후기 썸네일 이미지](/_next/image?url=https%3A%2F%2Fi.imgur.com%2FHbIHZss.png&w=256&q=75)
[부스트캠프 웹・모바일 8기] 부스트캠프 챌린지 준비 과정부터 수료 후기
부스트캠프 웹・모바일 8기 챌린지를 수료하고 작성하는 회고록입니다.
#네이버-부스트캠프 #회고
23.08.14

Javascript에서 정규표현식 100% 활용하기
#Javascript #정규표현식
23.07.29

Node.js는 어떻게 동작할까
#Javascript #Nodejs
23.07.16

프로그래머스 배열자르기
#Algorithm #프로그래머스
23.06.20

프로그래머스 k진수에서 소수 개수 구하기
#Algorithm #프로그래머스
23.06.14
![[BOJ] 1138_한 줄로 서기 썸네일 이미지](/_next/image?url=https%3A%2F%2Fi.imgur.com%2FPIqR60k.png&w=256&q=75)
[BOJ] 1138_한 줄로 서기
#Algorithm #BOJ
23.05.13
![[Bixby Capsule] 빅스비 캡슐 개발 일지 1: 빅스비로 http GET 요청을 보내보자 썸네일 이미지](/_next/image?url=https%3A%2F%2Fi.imgur.com%2FUwMoiZP.png&w=256&q=75)
[Bixby Capsule] 빅스비 캡슐 개발 일지 1: 빅스비로 http GET 요청을 보내보자
빅스비 캡슐에서 음성 명령으로 http GET 요청을 보내는 방법에 대한 포스트입니다.
#Bixby #졸업작품
23.05.06
![[BOJ] 2503_숫자야구 썸네일 이미지](/_next/image?url=https%3A%2F%2Fi.imgur.com%2FPIqR60k.png&w=256&q=75)
[BOJ] 2503_숫자야구
#Algorithm #BOJ
23.03.25

프로그래머스 삼각형의 완성조건(2)
#Algorithm #프로그래머스
23.01.07