본문 바로가기

Programming135

[RGB추출 ] Color Cop 2012. 3. 14. 17:19 간단한 RGB 색상 추출 프로그램 - Color Cop 출처: https://iberis.tistory.com/4 [Iberis:티스토리] 2022. 6. 23.
[NodeJS] 전역변수 또는 DB 정보 저장하기 Node.js + Express 프로젝트내에서 사용할 변수를 Object Export를 통해 해결할 수 있다. .env파일로 대부분 설정하기도 하지만 다른 서버에 저장된 설정값을 가져와야할 경우 다음 함수를 통해 가져와서 사용할 수 있다. 1. 변수 값 할당 1 2 3 4 5 6 7 8 9 function define(name, value) { Object.defineProperty(exports, name, { value: value, enumerable : true, }); } define("OFFICE_TYPE", {"PERSONAL": "P", "TOTAL":"T", "GOVERNMENT":"G"}); define("MEMBER_TYPE", {"PERSONAL": "B", "OFFICE": "C".. 2022. 5. 19.
[nodeJS] Http / Https 인증서 및 통신문제 해결 개발환경에서 Http 와 Https 사이에서 데이터를 전달하는 과정중에 문제가 발생할수 있다. 아래와 같이 Request 를 설정해서 사용하여 주면 개별환경에서 통신결과들을 확인할 수 있다. 해결방법 1. request 1 2 3 4 5 6 7 8 9 10 11 12 13 14 Aㅓrequest({ "rejectUnauthorized": false, "url": domain+"/api/orders/originator/"+id, "method": "GET", "headers":{ "X-API-VERSION": 1, "X-API-KEY": key }, }, function(err, response, body){ console.log(err); console.log(response); console.log(b.. 2022. 5. 18.
[Linux] 자물쇠 아이콘 파일 권한 변경하기 docker 를 사용중인데 파일(이미지, 텍스트 등)이 저장될 때 마다 루트 권한으로 인해 자물쇠가 걸려 있거나 루트권한의 변경으로 종종 폴더나 파일 아이콘이 자물쇠로 잠기는 일이 종종 발생한다. 아래와 같이 폴더 또는 파일의 권한을 변경할 수 있다. ~$ chmod 777 -R ./folder/ 출처: https://eehoeskrap.tistory.com/334 [Enough is not enough] 2022. 5. 3.
React npx create-react-app You are running `create-react-app` 4.0.0, which is behind the latest release (4.0.1). We no longer support global installation of Create React App. Please remove any global installs with one of the following commands: - npm uninstall -g create-react-app - yarn global remove create-react-app The latest instructions for creating a new app can be found here: https://create-react-app.dev/docs/gettin.. 2022. 4. 5.
[Window] 윈도우 터미널 앱 맥 또는 리눅스서버를 자주쓰다보니 가끔 윈도우 서버를 구축하는 경우가 생겼다. 그런데 그냥 터미널을 쓰기에 CDM창은 너무나도 불편했다. 그래서 ms에서 제공하는 터미널 앱을 다운받아 사용하여보았는데 너무나도 좋았다. 불편하게 깃허브나 다른 릴리즈 정보를 찾이 않아도 MS Store에서 다운받을수 있다. 다운받고 세로로 한번 분할했더니 신세계가 펼쳐졌다. 아래는 터미널관련된 단축키 정보이다. 창 분할하기 창 분할하기로 새 패널을 만들면, 기본으로 설정한 셸이 새로 실행됩니다. 창 세로 분할하기: Alt + Shift + + 창 가로 분할하기: Alt + Shift + '-` 패널 포커스 옮겨다니기 윗쪽 패널로 포커스 옮기기: Alt + ↑ 아랫쪽 패널로 포커스 옮기기: Alt + ↓ 왼쪽 패널로 포커스 .. 2022. 2. 25.
[React] npx create-react-app 설치오류 "We no longer support global installation of Create React App" 요새 도커로 개발하고 왠만한 개발환경들인 사전에 설치되어있어서 오랜만에 새프로젝트나 공부하려고 하다보니 설치오류가 종종발생한다 이처럼 버전문제가 항상 발생하는데 이때 발생하는 문제를 가볍게 해결할수 있는 방법을 몇가지 메모하고자한다. 방법 1. 1 2 npx clear-npx-cache cs 방법 2. 1 npx create-react-app@5.0.0 my-app cs 이 두가지 명령어를 사용하면 왠만한 설치 문제 오류는 해결될것이다. 2022. 2. 14.
[ Sketch ] Sketch Template 사이트 최근부터 풀스택으로 개발하면서 UI/UX 기초가 있어야 개발에 있어 기획까지 해야하는일이 번번히 발생한다. 다만, 기획자 , 디자이너, 개발자에게는 전문성이 각각 있다보니 진짜 디자이너처럼 디자인은 할수 없지만 간간히 구조만 잡기위해 디자인툴을 사용하기 시작하면서 Sketch를 선택했다. 물론, Sketch도 클라우드 서비스를 제공하기때문에 협업도 쉬울뿐더러 좋은 템플릿을 구한다면 완벽은 아니지만 좋은 UI 구조를 잡을수 있을것이다. 본인이 참고하여 템플릿을 사용하고 있는 사이트 가운데 몇가지를 소개하고자 한다. 1. Sketch App Source 일단 내가 알고있는 사이트 중에 가장 많은 자료가 존재하고 유료 / 무료가 있다. 하지만 대부분은 무료 템플릿이 대부분이다. 일단 다른 사이트에 있는 키트들.. 2022. 2. 10.
PuTTY Color Themes - 템플릿으로 색상,테마 설정하기 1. AlexAkulov/putty-color-themes 에 들어가서 원하는 테마 검색 https://github.com/AlexAkulov/putty-color-themes/blob/master/images/readme.md GitHub - AlexAkulov/putty-color-themes: PuTTY Color Themes PuTTY Color Themes. Contribute to AlexAkulov/putty-color-themes development by creating an account on GitHub. github.com 2. 원하는 테마를 선택한다. 3. 해당 깃허브에서 reg 파일을 다운받아서, 실행한다. 4. reg파일을 drag해서 _puttycolor.js에 갖다넣는다. .. 2022. 2. 9.
[ React ]"npm run build" = "react-scripts: Permission denied" 필자는 리눅스나 맥에서 도커환경을 대부분 웹개발중인데 서버가 가끔 바뀌면 리엑트가 권한 문제가 해결이 안되서 이러한 문제가 종종 발생한다... 그래서 Stackoverflow나 여러 군대 찾아본결과 아래와 같은 명령어를 통하면 대부분은 해결이되는 것 같았다. Solution 1: npm install react-scripts --save Solution 2: 리엑트가 node_modules를 참고해서 빌드해야 하는데 아래와 같이 node_modules 권한도 풀어줄 필요가 있다. sudo chmod +x node_modules/.bin/react-scripts Solution 3: 본질적인 문제를 해결해보자 먼저 sudo 관리자 권한으로 빌드를 진행해보자. sudo npm run build Step 1:.. 2021. 12. 8.
[Django] 다중 필터 적용 가끔 Search Bar 형태로 Django Queryset을 다중 필터 적용을 해야할 경우가 있다. 이럴경우 정형화된 Filter를 넣어믄 좋겠지만 가끔 조건에 따라 가변적으로 검색 Queryset을 작성해줘야하기 때문에 대략 난감하다. 그러다 문득 좋은 정리가 잘되어있는 블로그가 있어 이부분을 참조하고 공유한다. 다중 필터❓ 일단 다중 필터란 여러가지 조건문을 넣어서 사용하게 되는데 가끔 가변적으로 조건에 따라 여러 조건검색 필터를 구현하는것이다. 예로들어 아래와 같이 되어있는부분이 있는데 검색조건을 커스텀하여 원하는 조건에 따라 적용되게 해주는것을 말한다. 그래서 이와같은 조건에 따라 Queryset Filter를 넣어서 사용하게 된다. 이와같은 시나리오대로 Backend에서 코드를 작성하여 같다... 2021. 10. 29.
[오류해결] npm ERR! code ERESOLVE 가끔 npm install 또는 npm install package.json 설치시 오류가 종종 발생한다. 개인적인생각은 캐쉬메모리가 남아있어서 그런지 않은가 싶다. 아래와 같이 명령어를 통해 캐쉬를 삭제후 해보면 설치가 잘 된다. 해결방법 npm install 뒤에 ' --save --legacy-peer-deps ' 를 추가해주면 된다. npm install react-paypal-express-checkout --save --legacy-peer-deps 참고 https://iancoding.tistory.com/154 2021. 10. 29.

티스토리툴바