본문 바로가기

36

[django] static 파일에서의 css가 html에 적용되지 않을 때 상황: 프로젝트 밑에 static 파일 만들고, css를 만들었는데, 다른 앱에서 html에서 적용이 안되는거야. 그래서 왜 그런가 했는데 정답은 setting.py에 있었음 setting에 추가해애햠 import os STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join(BASE_DIR, 'lunchmate','static'), # base_dir은 프로젝트 폴더 ] STATIC_ROOT=os.path.join(BASE_DIR,'static') staticfiles_dirs에 lunchmate -> 각자의 root 프로젝트의 이름을 써줘야한다. 저 3개를 모두 작성해줘야 이렇게 불러올 수 있음 2022. 9. 13.
[django] Project 시작하기 1. 가상환경 만들고 +실행, 장고 깔고 2. python manag.py startproject 이름 3. python manage.py startaps 이름 4. model 만들고 url 등록 5. makemigrations/ migrate 전체에 해주기 그래야 django_session 오류가 나지 않음 2022. 9. 8.
[django] django view import 해서 사용시 redirect 이동법 login이나 django에서 view를 import 해서 사용할 때가 많다 login view를 import 했는데, 이를 커스텀 하지 않고 login = LoginView.as_view( template_name='accounts/login_form.html') 이렇게 사용을 했는데, redirect를 지정해주고 싶었다. LOGIN_REDIRECT_URL = '/' settings.py 에서 원하는 경로로 지정해주면 된다! 2022. 8. 29.
[스쿼드 2주차]스와이프 배너와 슬라이드 메뉴창 1. Project 진행조건 -- 배너창입니다. 단, 보편적으로 화살표나 아래 점들로 구성되어 칸 구분이 되어 있는 배너창이 아닌, 수동(모바일 상에서 드래그)으로 좌우로 움직이고, 다시 탭을 해야 멈추는 그러한 형태입니다. 즉, 위아래 스크롤과 유사하지만, 이것을 좌우로 구현하는 부분입니다. https://doqtqu.tistory.com/25 위 레퍼런스에 가보시면, 한 번의 액션으로 다음 슬라이드로 넘어가는 창이 나오는데, 이번에 개발하는 것은, 그 각각의 창에 대한 구분 기준이 없는, 다시 손을 댈 때 멈추는 그러한 좌우 슬라이드 입니다. 또한 강하게(혹은 길게) 드래그 액션을 취할 떄는 더 많이 좌우로 움직이고, 상대적으로 약할 때는 그 움직임의 정도가 약해집니다. -- 좌우 슬라이드 메뉴 창입.. 2022. 8. 27.
[스쿼드] 연합동아리 시작 1. 대학생 스타트업 연합동아리 스쿼드란? https://squad.oopy.io/ 대학연합 스타트업팀 스쿼드 SQUAD Penetrate, Practical, Overwhelming squad.oopy.io 2. 활동기간 개발자로 지원 합격하여 8/15부터 활동을 시작했다. 시험기간 + 1주 휴식 제외 12주를 진행할 계획임으로 최소 2022년까지 활동할 계획이다 3. 주차별 기록 + 매주 weekly project에 대한 코드 리뷰를 진행할 예정 4. 월-목까지는 엄청 바쁠 것이기에 주말마다 업로드하겠다! 2022. 8. 27.
[axios 오류] Axios post 500 error/ raise RuntimeError(RuntimeError: You called this URL via POST, but the URL doesn't end in a slash and you have APPEND_SLASH set. Django can't redirect to the slash URL while maintaining POST data. Change your form to.. 상황 설명: django -react 연결해서 사용하려 하는데, 자꾸 axios post 500 오류가 뜨고, sign up 이 post 되지 않았다. 곰곰히 고민해본 결과, 정답은 backend 에 있었다.... backend에 가보니 url via post 오류가 떠있었고, 해석해보니 axios.post 주소 마지막에 slash가 없어서 생긴 오류였다 signup 뒤에 / 로 해결! 2022. 8. 20.
[CORS 오류] Access to XMLHttpRequest at 'http://localhost:8000/' from origin 'http://localhost:3000' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present o.. CORS가 또 문제를 일으켰다. 먼저 해결방안부터 1. pip install django-cors-headers 2. installed_apps 에 추가 3. Middleware 추가 4. CORS_ORIGIN_WHITELIST = [ "http://localhost:3000", "http://127.0.0.1:8000", ] 해결! 2022. 8. 19.
[django] 오류 django.db.utils.IntegrityError: NOT NULL constraint failed: accounts_user.age 모델에서 왜 자꾸 오류가 나나 생각해보았다 djan od에 Null 값이 오류를 일으킨다고 해서, 내 모델에 있는 Null 옵션, Blank 옵션을 모두 손봤는데도 오류가 났다 -> migration을 안해줘서 모델에 user.age 칸이 없었던 거다 없는 칸에 자꾸 넣으려고 하니까 오류가 났던거고 makemigrations -> migrate 하니까 해결! 2022. 8. 18.
[django] 오류 django.db.migrations.exceptions.InconsistentMigrationHistory: Migration admin.0001_initial is applied before its dependency accounts.0001_initial on database 'default'. 프로젝트 중에 같은 앱에 있었던 user 라는 모델을 따로 하나의 앱으로 분리하려고 하던 중, 오류를 만났다 => migration 오류가 생긴 것같아, migration db를 초기화하고 다시 진행해보려 한다 1. 프로젝트 앱의 모든 migrations 파일을 삭제한다(__init.py__ 제외!!!!!!!!!!!!!!) 2. sqlite는 디폴트로 적용되고 있을텐데, db 파일을 드랍(삭제)한다 -> db.sqlite3 을 삭제 3. 다시 migration 을 진행한다 python manage.py makemigrations python manage.py migrate 2022. 8. 18.
[django] 오류 HINT: Add or change a related_name argument to the definition for 프로젝트 단위의 settings.py 에 AUTH_USER_MODEL = 'APPNAME.User' 추가해주자 -> 우리의 디폴트 모델은 이 녀석이라고 말해주는 것 2022. 8. 16.
[React 개발일지] map 함수와 obj html 랜더링 문제 상황: json 객체로 object를 부모로부터 Context로 받았고, 이 object 를 원하는 html 구조로 랜더링! 문제 포인트 ● object 데이터를 어떻게 가공할 것인지 ● html 랜더링은 어떻게? ● object의 길이가 각각 다를텐데 그럼 어떻게 랜더링? 하나하나 해결해보자 1. object 와 html id, name, time, player, level 이렇게 구분되어 있는 object useContext로 받아오고,( 구체적인 import 와 전체 코드들은 깃 참조) 내가 사용하고 있는 컴포넌트 밖에, 하나의 컴포넌트를 더 만들었다(동일한 페이지) 컴포넌트는 match라는 props를 받아올 것이고, return 을 html 태그들로 해준다! 그럼 우리가 사용하고자 하는 진.. 2022. 8. 9.
[React 개발일지] Can't solve axios 오류 1. axios 가 install 되어 있는지 확인 npm install axios 2. import 되어 있는지 확인 import axios from 'axios' 2022. 8. 8.