반응형 Programming/React4 [React] Uncaught SyntaxError: Unexpected token '<' Error 안녕하세요. 오늘은 Uncaught SyntaxError: Unexpected token ' 에러react build 파일을 배포하였는데 에러가 난 상태입니다. 빌드할때 웹팩이 chunk.js 파일을 javascript 언어가 아닌 HTML 언어로 인식하여 에러가 나는 상황입니다. Uncaught SyntaxError: Unexpected token ' 해결방법 ~/build/index.htmlindex.html 파일 이렇게 Uncaught SyntaxError: Unexpected token ' 감사합니다. 2024. 6. 14. [React] 리액트(React) 포트 설정 변경 안녕하세요. 오늘은 리액트(React) 포트 설정 변경에 대해서 알아보도록 하겠습니다. 리액트를 처음으로 설치하고 실행을 하게 된다면 react 기본 포트인 3000번 포트로 실행이 되게끔 되어 있습니다. 해당 포트를 3003번으로 수정할 수 있게 설정을 바꿔보도록 하겠습니다. 1. set port=3003 set port=3003 && npm start 2. config 설정 변경 start 부분에 set port=3003 && 를 추가 "scripts": { "start": "set port=3003 && react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts ej.. 2024. 4. 14. [React] 리액트(React) 실행 환경 구축 및 설치 안녕하세요. 오늘은 리액트(React) 실행 환경 구축 및 설치에 대해서 알아보려고 합니다. 먼저 리액트 실행환경을 구축하려면 node.js를 설치를 해야합니다. 간단하게 node.js란? 기존 자바스크립트(javascript)는 웹 브라우저에서만 사용이 가능하였지만 그것을 node.js를 통하여 윈도우 또는 맥에서 실행시켜주기 위한 스크립트 언어이다. 서버도 만들 수 있고 프로그램도 실행할 수 있게 해주는 환경을 구축해준다. node를 설치하게 된다면 npm도 같이 설치가 됩니다. npm은 자바스크립트로 된 패키지 버전을 관리하는 프로그램이고 필요한 패키지들을 설치할 수 있습니다. 그래서 왜 설치를 해야하느냐? 기본적으로 nodejs 특징 중에서 자바스크립트는 웹 브라우저에서만 사용이 가능하다고 했는데.. 2022. 12. 2. [React] 리액트(React)란? 안녕하세요. 오늘은 리액트(React)란?에 대해서 알아보려고 합니다. 리액트란? 프레임워크라고 생각하시는 분들이 많은데 리액트는 프레임워크가 아닌 자바스크립트 라이브러리의 한 종류이고 페이스북에서 개발하고 현재까지도 업데이트를 계속해서 진행 중인 라이브러리입니다. 제이쿼리(Jquery)와 같은 자바스크립트 라이브러리입니다. 현재 프론트에서 제일 많이 쓰이는 오픈 소스 UI언어입니다. 리액트로 작업을 하게 된다면 웹과 앱을 구성할 수 있습니다. ( 리액트 네이티브 사용 ) 스택플로우에서 1년 마다 사용되는 언어의 퍼센트를 조사한 자료가 있습니다. 사용자가 많다는 것은 그만큼 자료가 많고 어느 곳을 가도 높은 확률로 리액트를 사용하고 있을 것 입니다. 그래서 이번에는 리액트를 통하여 UI를 만들 수 있게 .. 2022. 12. 1. 이전 1 다음
