Dev Blog

node 프로젝트를 진행하게 되면 npx, npm은 필수적으로 사용해야 하는 패키지 도구이자 명령어이다.주로 라이브러리나 패키지를 설치할때 npm i 라이브러리~@lastest 이런식으로 최신 버전을 다운 받곤 하는데npx와 npm의 명확한 차이와 vite, CRA의 경우 어떠한 방법을 채용하여 프로젝트를 생성하는지에 대해 정리해본다."npm과 npx 차이"npm은 "Node Package Manager" 로 node.js가 지원하는 라이브러리 등을 쉽고 빠르게 다운로드하며프로젝트를 생성, 삭제 등을 가능하게 하는 도구로 프로젝트에 필요한 의존성은 package.json의 파일을 통해 관리하게 된다.npx은 "Node Package eXecute" npm 패키지 실행 도구로, 특히 로컬에 설치하지 않고 패키지를 실행할 때 유용하다.예를 들어, create-react-app(CRA) 패키지를 이용해 프로젝트를 생성할 경우,npx는 인터넷에서 최신 버전의 create-react-app을

React에서 SEO ..React는 SPA로 SEO에 매우 불리하다는 이야기는 알고 있었지만 직접적으로 실무에서 써본적은 없기에 "왜?" 그런지 정확하게는 알지못했다.일전에는 주 개발언어가 PHP와 jQuery로 HTML에 직접 META 태그를 반영하였고,고객사 상대 마케팅업무가 주요 업무다보니 SNS나 크롤러에 잘 띄워지도록 개발해야 했었다.주요 SNS

오늘도 삽질...AWS로 첫 배포를 마치고 SSL인증을 하던 중 의문점이 2개 생겼다.첫번째는네트워크 탭을보니 200 ok으로 받아올줄 알았던 이미지가 허나 304 Not Modified를 반환하고 있었고.두번째는심지어 아래코드 의 div.innerHTML에도 네트워크탭에서 보니 서버로 요청을 하고 있었다.    const descriptionText =

EC2도 완료하였고 S3에 이제 cloud Front를 연동해서 캐싱하여 요청을 줄일 생각만 하고 있었는데배포된 클라우드 도메인으로 접속해보니??? 처음본 에러였다에러의 이유는 이러 했다.http로의 요청은 http로 반환해야하는 것 , 지금 express서버인 ec2는 기본설정으로 http 도메인으로 설정이 되어있었고cloud Front는 기본설정이 ht

포트폴리오를 전부 완성하였고, 이후 불필요한 랜더링을 제거 하는 도중 발견한 현상이 있었다.프레이머로 페이지 전환 애니메이션을 넣어 자연스러운 화면전환을 구현 했는데어떤 문제인지 이동 전 페이지를 한번 더 랜더링을 발생 시킨 후에 다음 path로 이동하는 현상이 있었다.이동 전의 컴포넌트를 재랜더링을 또 한 다음에 이동한다는 것은 불필요한 랜더링이었고 fe