ReactJS 개인 개발진행 중에 다음과 같은 알림창이 개발자 콘솔창에 발생했고 특이하게 알림창이라고 느껴진 정도였지만 코드작성했던 내용 자체가 웹페이지 상에서 보여지지 않았다. 그리고 개발자 Elements 요소에도 어떠한 html요소들 조차 확인할 수 없었다. Download the React DevTools for a better development experience: https://reactjs.org/link/react-devtools React Developer Tools – React The library for web and native user interfaces react.dev 이에 대한 명확한 에러의 발생 원인을 확인하기 위해 개발자 Network로 이동하여 확인해본 결과 Rea..

지금까지 웹 개발을 백엔드로만 진행하다보니 백엔드와 프론트엔드의 다양한 상호작용적인 체계를 이해하기 위해 개인 공부를 시작하였다. 따라서, 전문적인 프론트엔드 용어는 없지만 내가 공부하며 이해한 바를 정리하였다. 참고로 백엔드 서버는 Node.js로 구성되어져 있다. Webpack을 프론트엔드에서 사용할 Javascript 즉, 동적인 역할을 담당하는 것들을 Webpack으로 처리해 보고자 시도해 보았다. Webpack은 위 사진에서 보듯이 왼쪽의 다양한 확장자 명을 가지고 있는 파일들을 프로젝트에서 작성되어질 것이다. 이 작성된 파일들을 다른 파일들(오른쪽에 Static Assets 확장자명)로 처리, 변경시켜주는 역할을 하는 것이 Webpack이다. 하지만 프론트엔드 개발직군에서는 Webpack을 직..