Dev Log

Web Frontend 개발 중 debugging 목적으로 사용하는 가장 흔한 방법이 바로 console.log() 일 것이다. 하지만, JavaScript 의 console 객체에는 log() method 외에도 상황에 따라 debugging 을 더 쉽게 만들어줄 method 들이 있다. console.table() JavaScript Object 들의 Array 를 테이블 형태로 출력해준다. 설명이 필요 없다. 매우 유용! console.trace() App 의 규모가...

encodeURIComponent() 과 encodeURI() 는 모두 URI 에 포함될 문자들을 UTF-8로 인코딩해주는 JavaScript 내장 함수들이다. encoding 이 필요한 이유? Browser 의 URI 에 입력될 문자를 encoding 하는 이유는 바로 /, &, space, ! 와 같은 문자들이 URI 상에서 특정한 역할을 하는 예약어이기 때문이다. 예를 들어, user 로부터 검색어를 입력 받아 server...

그동안 NPM 의 dependency version 관리 방식과 package-lock.json 에 대해 궁금한 점이 많았지만 어렴풋이 개념만 알고 큰 문제를 마주한 적이 없어 깊게 파보지 않았다. 이번에 회사에서 사용중인 Open Source kubeflow/katib UI 코드의 Angular version 을 8에서 12로 업데이트하는 contribution 작업을 하게 되었는데, dependency 들의 버전 호환과 관련된 작업들을 수행하며 다시...

Helm 과 K8s 를 함께 사용하며 겪었던 Issue 를 정리한 글입니다. Helm 이란 Helm 은 Kubernetes 사용을 좀 더 용이하게 도와주는 Package Manager 이다. Kubernetes Cluster 를 이루고 있는 다양한 Object 들은 각각의 YAML 파일들로 작성되고 관리되는데, Cluster 의 규모가 커질 수록 관리해야하는 파일들의 수가 늘어날 수 밖에 없다. 이...

서론 Web Frontend 를 개발 하다보면 필연적으로 CORS 문제를 접하게 된다. CORS 는 Cross-Origin Resource Sharing 의 약자이며… (생략) 자세한 내용은 여기와 같이 다양한 블로그에서 참고할 수 있다. CORS 를 해결하기 위한 가장 정석 방법은 브라우저가 응답 받은 Data (Resource) 의 출처인 Server 에서 클라이언트의 origin (Scheme + Domain +...