`프론트엔드 개발자` 개형이의 벽돌집

어제 (금요일) 오전 11시경에 모니터를 주문했다. 지인의 추천을 받아 가성비가 좋다는 주연테크 V27QE 를 주문하게 되었다...! 24인치를 하려고 했으니 가격에 차이가 없어 27인치로 ~.~ 배송은 빠르게 하루만에 진행되었고 오늘 (토요일) 오후 4시경에 도착했다. 우선 제품 상태는 양호했고, 무결점 선택사항이 품절이여서 불가피하게 일반으로 주문했는데... 다행히 결점이 없었다~ 깔끔! 한 달 정도 써보고 해당 포스트에 덧붙여서 후기를 남겨야겠다 ㅎㅎ ------------------------ 그리고 한 달이 지났지만 계속 잘쓰고 있고 만족 중이다 밝기도 괜찮고 화질도 선명해서 좋다! 모니터 알못이지만.. 더블모니터로 쓰기 적격인 모니터같다. 동일 가격 대비 성능도 우수하다고 생각해서 추천! 혹시..

지난 포스팅에 내 윈도우 환경에 리액트 앱을 배포하는 과정을 기록했다. 다만 이를 서버 (ex. ec2)에 그대로 적용한다면 화면이 뜨지 않을 것이다.. 이를 해결해주기 위해 nginx로 웹서버를 구성하고 거기에 내 리액트 앱을 올리는 과정을 진행해보고자 한다. 우선 파일 구조를 다음과 같이 잡아주었다. 그리고 각 폴더 안에는 다음 파일을 배치시켜 주었다. client - 내 리액트 앱 (node_modules, public, src, package.json 등등) - Dockerfile nginx - default.conf - Dockerfile 우선 client/Dockerfile 의 경우는 이전 포스팅과 다르지 않다. 내용은 다음과 같다. FROM node:14.17.6-alpine RUN mkdi..

친구와 같이 프로젝트를 진행하기로 했는데, 프론트엔드 배포를 도커로 해보기로 하였다. 우선은 내 로컬 환경인 윈도우에서 진행해보려 한다. 우선은 내 윈도우에 도커를 설치해보자. 아래 URL에서 쉽게 설치를 할 수 있었다. https://www.docker.com/get-started Get Started with Docker | Docker Learn about the complete container solution provided by Docker. Find information for developers, IT operations, and business executives. www.docker.com 설치를 마치고 Docker Desktop을 열어보았는데.. Docker Engine failed ..

업무 중에 특정 영역에 대한 프린트 기능이 필요하게 되었다. 한번도 해본적은 없었지만 일이니 어떻게든 구현해야 했는데 다행히 구글 선생님께서 어떻게 해야할 지 알려주었다. 지금부터 프린트 기능 함수를 자바스크립트로 구현하여 이를 리액트(Hook) 에 녹이는 방법을 정리하고자 한다. 우선 내가 구현한 프린트 기능 함수는 다음과 같다. // 인쇄 기능 Handler const onPrintHandler = () => { let printContents = ReactDOM.findDOMNode(a4Notice.current).innerHTML; let windowObject = window.open('', "PrintWindow", "width=1000, height=800, top=100, left=300,..