본문 바로가기

전체 글159

cannot find module react-script.js create-react-app을 통해 프로젝트를 시작할 때, 이러한 에러가 발생했다. npm install도 다시해보고 package.json을 확인해보았을 때도, 이유를 찾을 수 없었다. 그래서 검색을 해보니 다음과 같은 글이 있었다. https://stackoverflow.com/questions/60912342/error-cannot-find-module-react-scripts-bin-react-scripts-js Error: Cannot find module '\react-scripts\bin\react-scripts.js' I have just started learning React and created a first app by using below commands npm install -.. 2021. 5. 16.
Safari server error in '/' application 검색 에러 (웨일 퀵서치) 사파리에서 검색을 할 때, Server Error in '/' Application 이라는 에러에 대한 해결 방법에 대해 소개하고자 한다. 해당 에러가 발생하는 상황은 Spotlight를 이용해서 검색하는 경우에 발생했는데, search.x6b4l.com 이란 링크로 이상하게 리다이렉트가 되었다...;; 그래서 apple에서 알려주는대로 safari의 확장프로그램을 모두 제거하고, 검색엔진 설정을 바꿔보았지만, 작동하지 않았다. 결국 해결한 방법은 safari -> 환경설정 -> 고급 -> 기본 인코딩을 변경해주었다. 기존에 한국어(windows, dos)에서 유티코드(UTF-8)로 변경하니 해당 에러가 더 이상 나오지 않고 정상적으로 검색이 되었다. 추가적으로 검색 탭에서 검색 엔진 설정을 바꿀 수 있.. 2021. 5. 9.
백준 언어별 파일 입출력 Java 8 언어 번호: 3 컴파일: javac -J-Xms1024m -J-Xmx1920m -J-Xss512m -encoding UTF-8 Main.java 실행: java -Xms1024m -Xmx1920m -Xss512m -Dfile.encoding=UTF-8 Main 버전: Java(TM) SE Runtime Environment (build 1.8.0_201-b09) 시간 제한: ×2+1 초 메모리 제한: ×2+16 MB 1000번 예제 소스 코드 1 import java.util.*; 2 public class Main{ 3 public static void main(String args[]){ 4 Scanner sc = new Scanner(System.in); 5 int a, b; 6 a =.. 2021. 4. 28.
mac에서 code . 안될 때!! mac terminal에서 해당 위치에서 바로 vsc를 실행할 때, code . 이라는 명령을 사용하면 된다. zsh: command not found: code 이렇게 code라는 명령을 차지 못할 때는 vsc에서 command + shift + p를 눌러서 'code' command를 path에 추가할 수 있다. 이렇게 PATH에 추가를 하게 되면 정상적으로 실행된다. 2021. 4. 12.
mysql 실행 안될 때 해결하기(mysql workbench) mysql을 설치하고 잘 사용하다가... 프로세서에서 mysql을 지워버렸다. 당연히 재부팅을 하면 다시 실행될 줄 알았는데... 실행되지 않았다. mysql workbench에 접속해보니 다음과 같은 에러가 나왔다. Could not acquire management access for administration RuntimeError: Unalbe to execute command chcp. Please make sure that the C:\Windows\System32 directory is in your PATH environment variable. 에러를 보면.... admin 권한 어쩌구 저쩌구.... command chcp 어쩌구 저쩌구 system32 directory environme.. 2021. 4. 6.
git ignore 안될 때!! (node_modules 제거) npm을 사용할 때, package.json에는 의존하는 패키지 리스트가 나와있고 npm install을 통해 필요한 패키지들을 받아서 사용하게 된다. 이 패키지들은 node_modules라는 폴더에 설치가 되는데... 수 많은 파일로 이루어져있어 원격저장소에 올리지 않는 게 일반적이다. node_modules를 올리지 않으려면 .gitignore이라는 파일에서 관리하게 되는데, 이미 node_modules를 올렸다면 아무리 .gitignore에 넣어도 사라지지 않는다. 왜냐하면 .gitignore은 commit하는 당시에 해당 파일을 트래킹할지 말지를 정하는 건데... 이미 올라간 파일에 대해선 트래킹을 하지 않아도 이미 올라간 상태로 남아있기 때문에 소용이 없다. 그래서 실수로 올린 node_modu.. 2021. 3. 23.
Centos8 flask express 설정하기 zelord.tk:3000/coin 코인 시세조회 기능을 만들다가 bin/bash를 건드렸는데.... 돌이킬 수가 없었다.(하.. 역시 안건드리는 게 최고...ㅜ) 그래서 서버를 새로 만들어서 처음부터 셋팅을 다시 해줬다. 기존에 Centos7에서 Centos8로 바꾸고 설정을 정리해보았다. Flask 설치하기 sudo dnf clean all sudo dnf install epel-release sudo dnf update sudo dnf install python3 python3 --version sudo alternatives --set python /usr/bin/python3 pip3 install Flask python -m flask --version 예전에는 전부 yum으로 설치했던 것 같.. 2021. 3. 18.
CORS 설정하기 (flask, express) promise와 fetch를 연습하기 위해 json api를 요청해보려고 한다. 현재 가지고 있는 서버에서 제공하도록 해봤는데 이런 현상이 나타났다. 에러를 살펴보면 Access to fetch ~~ from origin ~~ has been block by CORS policy 라고 되어 있다. 즉 로컬에서 돌고 있는 express에서 호스팅하고 있는 서버에 api 요청을 보냈지만 CORS 정책에 따라 거부되었다는 내용이였다. Cross-Origin Resource Sharing(CORS)는 외부에서 origin의 리소스에 함부로 접근하지 못하게 하기 위해 사용된다고 한다. 그래서 Flask-CORS에 대해 살펴보니 pip install -U flask-cors # 설치 app = Flask() COR.. 2021. 3. 9.
vsc 윈도우 주석 안될 때 (한영전환, 한컴 입력기) vsc를 맥에서 쓸 때는 그런 증상이 없었는데.... 윈도우에서 쓸 때마다 가끔 주석이 안되는 경우가 있었다( 정확히 말하면 주석 단축키!! ctrl + / ) 그럴 때 마다 한영전환을 하면 잘 작동하긴 했는데, 상당히 불편하기도 하고 가끔은 아예 한영 입력이 안되는 경우가 발생해서 스트레스를 받았다 그래서 해결 방법을 찾아보니 한컴 입력기 때문이라고 한다. 한컴 입력기를 제거하자!!! 작업표시줄 우측에 한글 모양 아이콘을 누르면 이렇게 언어 설정을 할 수 있는 토글이 나온다 여기서 언어 기본설정을 눌러준다 아이콘이 없다면 윈도우 키를 누르고 "언어"라고 입력한다 -> 언어설정 클릭 이렇게 언어 설정에 들어왔으면, 기본 설정언어 한국어에서 옵션을 누른다. 이렇게 한국어 옵션에 들어가면 키보드 레이아웃에 .. 2021. 3. 8.
flask json 예쁘게 출력하기 이번 주말 프로그래머스 웹 프론트엔드 과제를 진행했었는데, fetch api를 사용하여 페이지를 만드는 문제가 나왔다. 어찌어찌 이렇게 만들긴 했는데.... 코드가 상당히 더러웠따... 그래서 연습을 하기 위해 나만의 JSON을 요청할 수 있도록 만드려고 시도했다. 요렇게 with open으로 json파일을 읽어오고 return jsonify를 해주면 된다. ( from flask import jsonify 를 임포트 해야 한다.) 그런데 json은 잘 리턴이 되는데 아래와 같이 너무 보기 힘들게 나왔다..... 이럴 때는 main.py에 app.config['JSONIFY_PRETTYPRINT_REGULAR'] = True 만 추가해주면 된다. 그럼 이렇게 예쁘게 잘 나온다!! http://141.16.. 2021. 3. 7.
[VSC] 서버 연결 extension remote development 지금까지 원격서버에서 코딩을 할 때, ftp-simple이라는 걸 썼다. 근데 이 녀석은 잘 될때도 있고, 안될 때는 파일을 못 읽어와서 계속 빈 파일만 보여주는 경우가 있었다. 딱히 다른 걸 쓸만한 게 없다고 생각하고 그냥 썼는데.... 오늘은 도저히 안되서 다른 익스텐션을 찾아보다가 Remote Development라는 걸 찾게 되었다. 그래서 지긋지긋한 ftp-simple을 버리고 Remote Development로 갈아 타기로 했다. 우선 Views -> Extension에 들어가서 Remote Development를 설치해준다. (왼쪽에 있는 익스텐션 버튼으로 가도 되고 커멘드+쉬프트+X로 가도된다.) 설치가 끝났으면 커멘트 쉬프트 P를 눌러 remote config라고 입력한다. 그러면 Rem.. 2021. 3. 7.
NPM 관리하기 NPM 관리해보기 NPM이란? npm은 자바스크립트를 위한 패키지 관리자 공부하는 동안 NPM으로 이것저것 많이깔고, global도 아무 의식없이 사용해왔다. 그러다 새로운 프로젝트를 만들 때마다, 패키지를 새로 설치해주는 것이 비효율적인 것 같아 NPM을 관리해보기로 했다. 할일 - 1. 글로벌 패키지 전체 삭제 - 2. 필요한 패키지만 설치하기 - 3. 배포하기 & 배포 취소하기 - 4. 배포된 패키지 다시 설치해보기 1. 글로벌 패키지 전체 삭제 NPM에서 패키지를 설치할 때는 두 가지 옵션이 있다. 바로 지역(local)과 전역(global)이다. npm install 이렇게 패키지를 설치할 수 있는데 별도의 옵션을 주지 않으면 프로젝트 루트 디렉터리 안에 node_modules에 추가되고 해당 .. 2021. 3. 4.
Fetch API www.youtube.com/watch?v=cuEtnrL9-H0&ab_channel=Academind reqres.in/api/users console.log(fetch('https://reqres.in/api/users')) fetch('https://reqres.in/api/users') .then(res => console.log(res)) fetch('https://reqres.in/api/users') .then(res => res.json()) .then(data => console.log(data)) fetch('https://reqres.in/api/users/23') .then(res => res.json()) .then(data => console.log(data)) fetchAPI c.. 2021. 3. 2.
Express tutorial (windows) - express : 이 시스템에서 스크립트를 실행할 수 없으므로... 2021. 2. 22.
이클립스 zulu build path설정 이클립스 zulu build path설정 외부 프로젝트를 Import할 때, build path가 맞지 않으면 아래와 같이 코드에 빨간 줄이 생기게 된다. 해당 프로젝트를 선택한 뒤 Build Path -> Configure Build Path 이렇게 Java Build Path -> Libraries 에 zulu-8이 언바운드 되어있다고 나온다. Add Library -> JRE System Library -> Next Alternate JRE -> Zulu unbound zulu(Revome) -> Apply and Close 2021. 2. 16.

티스토리툴바