꾸준하게 거북이처럼

멋쟁이 사자처럼🦁 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...

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. 오류 고치..

멋사에서 주최하는 아이디어톤이 시작됐다! 아이디어톤은 구성된 팀원들과 낸 아이디어로 웹 서비스 프로젝트를 구현하는 것이었다. 구현과 배포가 끝나면 유튜브에 업로드해서 전국에 있는 멋사9기들이 리뷰하고 괜찮은 아이디어에 투표하는 방식이었다. 이때 해보고 싶은 아이디어 가지고 개발을 해보고 싶다는 생각이 들었다. 새로 구성된 팀원들과 아이디어 회의를 하기 시작했다. 1. 회의시작 우선, 브레인스토밍으로 각자 원하는 분야 쪽으로 회의를 시작했다. 공통된 것이 '환경'이라는 주제였는데, 이를 어떻게 엮으면 좋을까 생각했다. 팀원이 3명이었는데, 우리 세명 모두 환경문제에 대해서 중요하게 여겼다. 회의 하다가, 환경을 더 아끼고 환경문제에 더 관심을 가질 수 있게 하는 취지로 프로젝트 방향을 이끌어나가자 얘기를 ..

작년 초, 멋쟁이 사자처럼 9기에 지원했다가 운이 좋게도, 합격했다! 고학년이 될 때까지 딱히 동아리 같은 단체 활동을 해본 적이 없어서 동아리 활동도 해보고 싶었고 이 때 막 웹 개발에 관심을 가지기 시작한 시기에 마침 멋사 9기 모집 공고를 보고 지원을 바로 했었다. 사실 합격예상은 전혀 못했다. 그냥 떨어지면 떨어지는 거지 하고 관심없던 찰나, 합격문자를 받아서 소리없는 소리질러~~~~!! 감사합니다ㅠ 열심히 할게요ㅠ 멋쟁이 사자처럼 동아리란 사실 멋사는 전국에 있는 몇 대학에서 멋사 활동 승인이 난 대학교에서 웹 개발 프로젝트를 하는 동아리로, 비전공자도 지원할 수 있는 동아리였다. 초반에 웹 개발에 필요한 CSS,HTML 를 배우고, 웹 개발이라 백엔드 쪽은 django를 배워서 파이썬을 기초적..