node 프로젝트를 프로덕션 환경에 pm2로 올려보도록 한다. node docker image를 이용해서 docker container에서 pm2 start로 시작하도록 올려본다. 하지만 갑자기 시작하자마자 docker container가 종료된다. 분명 정확하게 프로세스기 실행되었는데.. 어찌된 일일까. 어떻게 해결할까? 결론부터 말하자면 pm2가 아니라...

nginx로 프록시 서버를 구성하게 되면, 프록시서버로 연결된 내부 백엔드 구조에서는 Secure 등 속성이 위부로 통하는 response에 적용되지 않는 문제가 발생한다. 이럴 때 nginx.conf 파일에서 아래와 같이 proxycookiepath를 이용하여 설정할 수 있다. 크로스 도메인의 경우 SameSite=none처리도 필요하다. Stackove...

Portals - React > Portal은 부모 컴포넌트의 DOM 계층 구조 바깥에 있는 DOM 노드로 자식을 렌더링하는 최고의 방법을 제공합니다. Portal은 기존 React Component가 담겨있는 DOM Tree 밖으로 Component를 렌더링을 할 때에 사용할 수 있는 기법이다. React.Portal의 대표적인 유스케이스가 있다. 다이얼...

ㅎㅎㅎ 예전에 네이버 블로그에서 작성했던 글이었는데, 최근 어떤 분이 댓글을 달아두셔서 뿌듯했던 포스트라 이쪽으로 옮겨온다. ㅎㅎㅎ JQuery 프로젝트 상에서 위와 같은 에러가 나올때에는 .load() function이 있는지 찾아보고, on('load',function(){});으로 바꾸어주면 됨. .load, .unload, .error가 deprec...

아주 오래전 웹 개발에서 Chrome Insepctor 같은 강력한 도구가 없던 시절 자바스크립트 디버깅엔 console.log가 필수였다. 그 때의 습관 탓일까, 디버깅 하면서 간단한 값 확인은 중단점을 걸고 스텝을 넘겨가며 로직을 확인하기보다 로그를 찍어 확인하는 것이 훨씬 빠르게 느껴져서 여전히 많이 사용하고 있다. console.log()는 사실 유...

React Hook Form은 14.7k에 빛나는 리액트용 폼 라이브러리이다. 폼 생성과 검증 등 개발 과정을 간소화할 수 있고, 폼 생성 과정과 코드를 좀 더 규격화 할 수 있다는 장점이 있다. 다른 폼 라이브러리에 비해서 React Hooks 형태로 사용할 수 있다는 점과 빠르다는 장점도 있다. 또한, 문서가 굉장히 잘 구성되어있다.ㅎㅎ (완벽하지는 않...