목록Programming (59)
New World
[HTML] 한글이 깨져서 나올 때 해결 방안
한글이 깨져서 노출되었다. 그 이유는 인코딩 때문인데, 아래 그림을 한번 살펴보자. 안에 있는 charset과 해당 IDE의 Encoding이 'EUC-KR', 'UTF-8'로 다른 것을 알 수 있다. 서로 다른 이야기를 하고 있으니 맞을리가 있을리가. 이와 같은 현상이 발생 했을 때 해줄 수 있는 방법은 두가지이다. 1. 안의 charset을 바꿔준다. (권장) 2. IDE의 인코딩 방식을 바꿔준다. 1. 안의 charset을 바꿔주자. (권장) 이 방법을 권장하는 이유는, 코드만 바꿔주면 되는 일이기 때문에 인코딩 방식을 바꿨을 때 나오는 코드 안의 문자 깨짐이 나타나지 않기 때문이다. 이전 코드 현재 코드 DOCTYPE html> 인코딩 테스트 인코딩 테스트 DOCTYPE html> 인코딩 테스트 ..
[React.JS] Error: Invariant failed: You should not use <Switch> outside a <Router> 해결 방법
Error: Invariant failed: You should not use outside a 오류 : 불변 실패 : 외부에서 를 사용해서는 안됩니다. 음.. 이 오류가 발생한 이유는 태그로 전체를 감싸주지 않았기 때문이다. 감싸주면 아래처럼 원하는 페이지를 확인할 수 있게 된다. 에러 코드 더보기 Error: Invariant failed: You should not use outside a invariant D:/Program/dev/Portfolio/voca/node_modules/tiny-invariant/dist/tiny-invariant.esm.js:10 render/< D:/Program/dev/Portfolio/modules/Switch.js:17 14 | return ( 15 | 16 ..
[React.JS] Error: App(...): Nothing was returned from render. 해결 방법
하하하.. function 안에 있어야 할 return 어디에 팔아먹었더라... 간단한 거에서 엄청 헤멨네요.. function에 있어야 할 return 함수 제대로 입력했는지 잘 확인해봐요!
[React.JS] 'You need to enable JavaScript to run this app.' 문구가 Chrome Network창에서 지우기
index.html 파일 안에 You need to enable JavaScript to run this app. 문구가 들어가 있어서 보이는 것이다. 보기 싫다고 느껴진다면 index.html에서 지우면 된다.
[React.JS] 'Cannot GET /api', 분명 제대로 작성한 것 같은데 나올 때 해결방법
Cannot GET /api 가 발생하는 경우, 정말 제대로 작성한 것이 맞을까? 내가 작성한 코드를 살펴보자. 또 이런 일이 생길지도 모르지만 나는 내 코드에서 문제가 생겼었다. app.get 코드 안에 작성한 것이 틀렸었다. app.get('api/customers' 로 작성했던 것.. api 앞이 무언가 허전하지 않는가? 우리가 빼먹고 작성하지 않았던 것은 바로 슬래시이다. '/' 요녀석. app.get('/api/customers' 로 작성하고 다시 한번 실행해보자. 정상적으로 출력되는 것을 확인할 수 있다.
[React.JS] Express 서버 개발환경 구축 중 code: 'MODULE_NOT_FOUND' 로 계속 에러
위 와 같은 에러가 발생했을 때 해결하는 방법 package-lock.json 파일과 node_modules 폴더를 먼저 삭제하고 npm install을 콘솔창에 입력하면 된다. 이것 때문에 한참 고민했었는데 방법은 간단했다. 나는 서버와 Express 서버 개발환경 구축하면서, 그리고 구축해서 에러가 발생해서 --save-dev로 설치했을 때 발생한 현상이지만 또 언젠가 이와 같은 에러를 만나게 되면 저 해결 방안으로 해결할 수 있길.. 제발.. 더보기 PS D:\Program\dev\Portfolio\management> npm run start Debugger attached. > management@0.0.0 start D:\Program\dev\Portfolio\management > node ..
React 작업 중 C드라이브의 용량이 부족하다고 생각이 들어 파일을 다른 곳으로 옮겼다. 그곳이 바로 D 드라이브. D 드라이브로 옮겨주고 실행도 잘 해나가고 있었는데 파일을 열었을 때 전체 파일로 열어버렸다.. 약간 D 드라이브 > 포트폴리오 폴더 > 포트폴리오 1번 폴더 느낌이라면, 포트폴리오 폴더를 열었다. 그리고 나서 Terminal을 사용해서 필요한 것을 다운로드 받으려고 하자, 아래와 같은 에러가 출력되었다. npm WARN saveError ENOENT: no such file or directory, open 'D:\Program\dev\Caffee\package.json' npm notice created a lockfile as package-lock.json. You should c..
React.JS 설치만 어제, 오늘 총 이틀 걸렸다. 왜 그리 오래 걸렸나, 고민 후 내린 결론은 내 OS는 윈도우라서 이런 일이 발생한 것 같다. 다른 곳에선 리엑트, VS code만 깔고도 확인 가능했으니 당연히 그대로 따라가다가 오류가 났지.. 서론이 길었던 것 같다. 이제부터 어떻게 하면 제대로 설치할 수 있는지 설명할 것이다. 먼저, 윈도우에서는 아래 세가지가 필요하다. 1. Node.JS 2. yarn 3. Vs code 사실 Vs code는 코드를 짜기 위한 틀이니 Vs code를 제외한 Node.JS, yarn만 깔아도 이미 성공적이다. Node.JS를 깔땐 모두 체크 표시를 하며 다음으로 넘어가서 깔아준다. yarn은 cmd를 열자. (아래 유튜브 영상을 참고하자.) 저 링크의 시간으로부..