꾸준하게 거북이처럼

멋쟁이 사자처럼🦁 9기 활동하면서 django를 이용한 웹사이트를 만들었다. 해커톤에 제출하기 위해서 Heroku를 사용해서 배포를 했다. 오늘은 heroku 로 배포하는 방법을 복습하겠다. Heroku는 무료 배포가 가능하고 배포 방법도 간단하다! *주의점은 30분마다 접속하는 기록이 없다면 재부팅이되어 서버에 저장되었던 사진 등 데이터가 사라지는 걸 고려해야한다. (모든 code는 VScode 터미널에 입력하면 된다.) 1. 회원가입 2. Create New App을 통해 새로운 앱을 생성, 지역은 미국/유럽 설정 3. Heroku CLI 설치 (MAC OS) 터미널에 입력. $ brew tap heroku/brew && brew install heroku * 4. 만약 Anaconda 사용유저는 V..

Heroku로 배포를 했더니, 이전에는 생기지 않았던 오류가 생겼다. console창을 열어보니, 제목과 같은 오류가 생긴것이다. jquery가 적용이 안된다는데, 이상하다... 구글링 결과, 한 블로그에 따르면 암호화된 HTTPS 기반의 사이트에서 암호화되지 않은 HTTP 사이트에 요청을 보내서 Mixed content 에러가 발생한 것입니다. 라고 한다. 그래서 다음과 같은 를 html head 태그에 넣어줘야한다. 출처: https://wellsw.tistory.com/34 참조: 전블로그 Heroku 배포 오류: Mixed Content: The page at 'https://...' was loaded over HTTPS, but requested an insecure script 'http:/..

갑자기 makemigrations(장고가 테이블 작업을 수행하기 위한 작업 파일(예: 0001_initial.py)을 생성하는 명령어) 이 잘 안됐다. 이를 하기전에 migrations 폴더와 db.sqlite3 파일을 삭제해야하는데, 삭제를 해도 No changes detected in app ~ 이와 같은 문구가 나온다. 구글링으로 검색해본 결과 python manage.py makemigrations 해당앱이름 으로 다시 시도해보면 성공적으로 migration이 되었다. 이런 에러가 난 이유는 무엇일까 앱에 대한 초기 migration을 create하기 위해서는 앱이름과 함께 makemigrations을 해야한다고 한다. 나는 앱 이름을 다르게 입력한 것이었다ㅠ 참고 링크: 링크텍스트 참조: 전블로..

Django를 사용할 때 views.py에서 보낸 데이터를 html에서 변수로 받아서 사용할 때, 만약 JS 파일에서 그 변수를 사용하고 싶다면 어떻게 해야할지 생각했다. 가장 하기 쉬운 방법은 2가지가 있었다. 해당 html script 태그에 JS코드를 작성. => 구글링해서 많이 나온 해결법이었다.. 하지만 이 방법은 JS 코드가 길어진다면 정말 보기 코드가 더러워 질것이다🙃 2. 전역변수 사용 이상하게도 JS 파일을 선언해 줬는데도 해당 JS 파일에서 template tag 변수(데이터)를 가져와서 쓰려고 하지만 전혀 적용이 되지 않는다.. 읽지를 못하더라 그래서 전역변수 사용을 해보니 데이터를 읽어올 수 있었다. 이렇게 하면 mypage.js 파일에서 그냥 변수를 바로 사용해도 데이터가 유지가 ..

forloop tag Django에서 views.py를 통해 html에 데이터를 전달하고자 할 때가 있다. 그 때 for 반복문을 사용하고 싶을 때 쓰는 장고 template tag가 있다. 일반 for 문 작성하기{% for i in list%} {{ i }} {% endfor %} 결과 list 안에 있는 요소들이 하나씩 사용된다. 딕셔너리 형태일 때 for문 사용 {% for key, value in list%} {{ key }}, {{value}} {% endfor %} index 이용하고 싶을 때 우리가 일반적인 for문을 작성할 때 for(int i = 0; i < x ; i++)처럼 i의 역할을 해주는 forloop.counter 를 사용할 수 있다. forloop.counter : 인덱스가..

$(".class이름:nth-child("+ variable +")").css({ "color" : "red", }); nth-child("+ 변수 +") 이런 식으로 작성을 해야 nth-child에서 변수를 이용해서 css을 적용할 수 있다. 참조: 전블로그

제목과 같은 오류가 났을 때, 1. cmd/ctrl+shift+p 를 누른다 2. 창에 Python Select Interpreter 를 입력하고 선택한다. 3. 사용하는 버전에 맞는 걸 누른다 4. 자동으로 settings.json 파일에 python.python.path에 기록이 된다. *하지만 오류가 나면, 다시 cmd+shift+p를 눌러서 'Configure Language Specific Settings...' 선택, 그러면 settings.json 파일이 로드가 된다. 사용하는 버전에 맞게 path 경로 입력하면 해결. 참고: Visual Studio Code 에서 Python 패키지의 Unresolved Import Error 를 처리하는 방법 코드를 만들 필요가 있을때 왠만하면 Node...

하루에 새로운 에러만 5개이상 만나는 것 같다. 위의 제목과 같은 에러가 발생했다. 출처 블로거 께서 말씀하시길, 내 서버에서 병렬적으로 네트워크 요청을 할때 그 갯수가 한계치를 넘어서면 더 이상 요청을 발송하지 못하고 뻗어버려서 문제가 발생하게 된거라고 한다. # 개인정보가 나와서 이모지로 사진 조금 가렸음! 연결하려는 파일 부분에서 아래 코드 추가!(*npm install axios 필요) const axios = require("axios"); axios.default.timeout = 5 * 1000; app.js에 아래와 같은 코드를 추가한다. process.on("uncaughtException", function(err) { console.error("uncaughtException (Nod..

django에서 가상환경 활성화를 함. python manage.py runserver 제목과 같은 오류 생김 -> 이미 pillow를 설치했는데도 오류가 났다. 코드를 보다가 수정하고 저장이 안되었다. sudo chown -R [$User][수정하려는 디렉토리이름] *$User는 터미널에 echo $USER 라고 입력하면 나옴. 해결!! * root 권한에서 가상환경을 설치 했을 시, 이 오류가 고쳐지지 않을 것이다. 그럴 땐 그냥 가상환경 생성했던 것을 휴지통으로 버리고 새로 가상환경을 설치하면 된다. 거기다가 pillow 다시 설치하면 된다. 참조: 전 블로그 Django macbook m1 cannot use imagefield because pillow is not installed. 오류 고치..

macbook으로 vscode에서 opencvjs를 이용해서 간단하게 웹페이지에 얼굴이 나오게 해보려고 했다. 하지만 무슨 일인지 zsh:abort 라는 문구만 나오고 자동으로 로컬 서버가 종료되었다. 구글링 결과 1. vscode에서 cmd+shift+p 2. shell command:Install code in PATH 타이핑하고 선택 3. vscode 종료 4. mac 터미널에서 "sudo code"로 vscode 실행 출처: [Mac] VSCode에서 opencv로 웹캠 접근시 abort VScode에서 opencv로 웹캠 접근시 아래와 같이 메세지가 뜨며 실행되지 않는다. VScode에서 웹캠 접근시 권한 문제로 실행되지 않는 듯 하다. 아래 링크를 참조해서 해결했다. https://stacko..