부업을 주업으로

#1. ssh key 인증을 통한 scp 파일 전송 방법 scp 를 사용해서 원격 서버에 ssh key 인증으로 복사하기 위해서 아래 커맨드를 입력해주면 됩니다. >> scp -i ["인증서경로"] -r ["원본파일"] ["구글계정"]@["원격지서버주소"]:/[복사경로] #2. scp Permission denied 해결 방법 우선 ssh로 원격서버에 접속이 잘 되는지 확인을 한 후 접속이 잘되는지 확인합니다. 접속이 잘 되는데 아래와 같이 Permission denied 에러가 발생할 경우에 보통 파일을 복사할 원격지 폴더에 권한이 없을 확률이 높습니다. 서버에 연결해서 복사할 폴더에 권한을 부여해보세요. 저의 경우 이렇게 해결이 됐습니다. >> sudo chmod 777 ["권한을 부여할 폴더 경로"..

원격서버에서 putty 등으로 ssh key 인증을 필요로할 경우 아래처럼 에러 문구가 뜨면서 접속이 안됩니다. ssh 보안 인증에서 안되서 그런 건데요. 아래 절차를 따라서 진행하면 정상적으로 접속하실 수 있어요. # putty 서버 접속 에러 # putty 팝업에러 문구 "no supported authentication methods available server sent publickey server sent public key gssapi-keyex gssapi-with-mic" #1. 로컬에 ssh 접속 key 생성 cmd에서 파일을 생성할 위치로 경로를 이동해주세요. >> cd users/myName 파일을 생성할 경로로 이동 후 아래 커맨드를 입력하세요. ssh-keygen은 표준이기 때문..

proxy로 localhost 연결 안되는 문제 package.json 파일에 proxy로 localhost로 연결하도록 해놨는데 에러가 발생했습니다. 전혀 문제될 게 없는 것 같은데 에러가 발생해서 해결 방법을 찾아봤습니다. "proxy": "http://localhost", localhost:3030에서 localhost:80으로 proxy 요청할 수 없다는 에러입니다. Proxy error: Could not proxy request /auth/login from localhost:3030 to http://localhost:80/ (ECONNREFUSED). proxy로 localhost 연결 안되는 문제 해결방법 proxy 주소를 http://localhost 에서 http://127.0.0.1..

사정이 생겨서 노트북에서 개발 중이던 react 프로젝트 소스를 데스크탑으로 옮기게 되었다. 소스를 통째로 복사해서 옮기고 npm start 해서 실행하는 순간 에러가 발생했다. 그래서 build도 안되나 해서 npm run build 명령어를 실행하니 또 빌드는 잘된다. 그리고 특이하게 인터넷을 무선으로 잡으면 잘되고 유선랜으로 연결하면 안된다. 에러내용 Proxy error: Could not proxy request /favicon/android-chrome-192x192.png from localhost:3030 to http://localhost:80/. See https://nodejs.org/api/errors.html#errors_common_system_errors for more inf..

TextField 컴포넌트 onKeyPress 함수를 사용해서 엔터키 이벤트를 발생시킬 수 있다. 로그인 정보를 입력하거나 특정 정보를 입력 후 버튼 클릭을 별도로 하지 않고 엔터키를 입력해서 이벤트를 처리할 때 사용하면 된다. TextField 엔터키 이벤트 예제 {if(e.key === 'Enter') {onSubmit();}}} /> 1. TextField 컴포넌트에 onKeyPress 이벤트 함수를 생성 2. KeyPress 이벤트를 (e) 로 받아서 e.Key 값이 Enter 인 경우 3. onSubmit 함수를 실행

React 숫자에 콤마 입력 숫자 표시의 경우 4자리가 넘어가면 콤마(,)를 찍어주면 읽기가 편하다. 예를 들어 50000원보다는 50,000원으로 표시해 주면 금방 단위를 파악해서 읽을 수 있다. 프로그램에서도 사용자를 위해서 데이터를 출력해 줄 때 가능하면 콤마를 표시해 주는 게 좋다. 숫자에 콤마입력 예제 위 예제에서는 50000이 입력된 avg 변수의 값에 콤마를 입력해주는 예제이다. TableCell에 들어가는 Typography 컴포넌트에 avg 값을 입력해 주는데 numberWithCommas 함수를 사용해서 50000 값을 50,000으로 변경해 줬다. // 숫자에 콤마입력 함수 const numberWithCommas = (x) => { return x.toString().replace(..

React 삼항연산자로 Style 정보 입력 React에서 UI를 그릴 때 삼항연산자를 많이 사용하게 된다. A 조건이면 배경을 빨간색으로하고 아니면 투명한 색으로 한다던가 Border 값을 조건에 따라서 넣는다거나 하는 경우가 많다. 그리고 html 코드 부분에 조건문 등을 허용하지 않아서 삼항연산자를 써야 하는 경우도 있다. 삼항연산자로 Style 넣는 예제 borderBottom:category.toLowerCase().indexOf('평균'.toLowerCase()) !== -1 ? '2px solid #aaa' // category 값이 "평균" 이라는 단어를 포함할 경우 : '1px solid #ddd' // category 값이 "평균" 이라는 단어를 포함하지 않을 경우 삼항연산자는 3개의 ..