분류 전체보기 141

[Django] Django-countries

가끔.. 나라이름 리스트를 불러와야 하는일이 생기는데 이러한 부분이 django-countries라는 라이브러리를 이용해서 한번에 해결할수 있다는걸 며칠전에 알았다. 새삼 이런부분을 찾지 않고 지금까지 텍스트 나 API불러왔돈 본인 스스로가 후회가 밀려온다. pip install django-countries pip install django-countries 로 설치가 가능하며 나라 리스트를 불러와서 넣어 주는 라이브러리 입니다. 아래와 같이 settings.py에 추가하여 모델에 직접적으로 추가하여 사용 할 수 있다. THIRD_PARTY_APPS = [ "django-countries", ] from django_countries.fields import CountryField class Order..

Programming/Python 2022.08.15

react 에서 navigate 사용하기 (useNavigate / Navigate)

🤙 Link 는 특정 주소로 이동해주는 태그였다면, Navigate 는 특정 행동을 했을 때 해당 주소로 이동해줄 수 있게 만들어줍니다. 1. useNavigate 쓰기 useNavigate는 양식이 제출되거나 특정 event가 발생할 때, url을 조작할 수 있는 interface를 제공합니다. import { useNavigate } from 'react-router-dom'; function Func() { const navigate = useNavigate(); const onClickImg = () => { navigate(`/comment/id/등등 내가 원하는 주소`); }; return ( ); } export default Func; 이렇게 작성한다고 합니다. 이 코드에서의 url이 ww..

Programming/React 2022.07.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"..

[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..

[Linux] 자물쇠 아이콘 파일 권한 변경하기

docker 를 사용중인데 파일(이미지, 텍스트 등)이 저장될 때 마다 루트 권한으로 인해 자물쇠가 걸려 있거나 루트권한의 변경으로 종종 폴더나 파일 아이콘이 자물쇠로 잠기는 일이 종종 발생한다. 아래와 같이 폴더 또는 파일의 권한을 변경할 수 있다. ~$ chmod 777 -R ./folder/ 출처: https://eehoeskrap.tistory.com/334 [Enough is not enough]

[Window] 윈도우 터미널 앱

맥 또는 리눅스서버를 자주쓰다보니 가끔 윈도우 서버를 구축하는 경우가 생겼다. 그런데 그냥 터미널을 쓰기에 CDM창은 너무나도 불편했다. 그래서 ms에서 제공하는 터미널 앱을 다운받아 사용하여보았는데 너무나도 좋았다. 불편하게 깃허브나 다른 릴리즈 정보를 찾이 않아도 MS Store에서 다운받을수 있다. 다운받고 세로로 한번 분할했더니 신세계가 펼쳐졌다. 아래는 터미널관련된 단축키 정보이다. 창 분할하기 창 분할하기로 새 패널을 만들면, 기본으로 설정한 셸이 새로 실행됩니다. 창 세로 분할하기: Alt + Shift + + 창 가로 분할하기: Alt + Shift + '-` 패널 포커스 옮겨다니기 윗쪽 패널로 포커스 옮기기: Alt + ↑ 아랫쪽 패널로 포커스 옮기기: Alt + ↓ 왼쪽 패널로 포커스 ..

[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 이 두가지 명령어를 사용하면 왠만한 설치 문제 오류는 해결될것이다.

Programming/React 2022.02.14

[ Sketch ] Sketch Template 사이트

최근부터 풀스택으로 개발하면서 UI/UX 기초가 있어야 개발에 있어 기획까지 해야하는일이 번번히 발생한다. 다만, 기획자 , 디자이너, 개발자에게는 전문성이 각각 있다보니 진짜 디자이너처럼 디자인은 할수 없지만 간간히 구조만 잡기위해 디자인툴을 사용하기 시작하면서 Sketch를 선택했다. 물론, Sketch도 클라우드 서비스를 제공하기때문에 협업도 쉬울뿐더러 좋은 템플릿을 구한다면 완벽은 아니지만 좋은 UI 구조를 잡을수 있을것이다. 본인이 참고하여 템플릿을 사용하고 있는 사이트 가운데 몇가지를 소개하고자 한다. 1. Sketch App Source 일단 내가 알고있는 사이트 중에 가장 많은 자료가 존재하고 유료 / 무료가 있다. 하지만 대부분은 무료 템플릿이 대부분이다. 일단 다른 사이트에 있는 키트들..