Vue with DRF (3) - CREATE
2022. 11. 14. 19:51
Vue2
views/CreateView.vue 코드 확인 게시글 생성을 위한 form을 제공 v-model.trim을 활용해 사용자 입력 데이터에서 공백 제거 .prevent를 활용해 form의 기본 이벤트 동작 막기 title, content가 비었다면 alert를 통해 경고창을 띄우고 AJAX요청을 보내지 않도록 return 시켜 함수 종료 axios를 사용해 server에 게시글 생성 요청 router/index.js views/ArticleView.vue 게시글 작성 요청 결과 확인 views/CreateView.vue 코드 수정 createArticle method 수정 게시글 생성 완료 후, ArticleView로 이동
Vue with DRF (2) - 장고 서버에서 데이터 받기
2022. 11. 14. 19:44
Vue2
Article Read 응답 받은 데이터 구조 확인 각 게시글 객체는 다음으로 구성 store/index.js 수정 결과 확인
Vue with DRF (1) - AJAX 요청 준비
2022. 11. 14. 19:41
Vue2
사용 기능 및 라이브러리 Vue 2 DRF vuex vue-router axios 설정 설치 npm install axios store/index.js 에서 불러오기 import axios from 'axios' // 장고 서버 const API_URL = 'http://127.0.0.1:8000' getArticles 메서드 정의 views/ArticleView.vue 요청 결과 확인 장고에서는 상태 코드 200으로 제대로 보내졌지만, 데이터를 받아오지 못했음 왜?? CORS policy에 의해 blocked되었기 때문 즉, 브라우저가 막은 거임 관련 문서 cors 막은거 뚫기 https://pypi.org/project/django-cors-headers/
백준 2493 탑 (파이썬)
2022. 11. 14. 17:08
백준
풀이 및 해설(주석) import sys N = int(sys.stdin.readline()) arr = list(map(int, sys.stdin.readline().strip().split())) S = [] # 결과 값을 담을 리스트 rst = [] # 아무 조건에 충족하지 않으면 rst에 0을 추가 (왼쪽에 나보다 큰놈이 없는 경우) # 그리고 그 인덱스와 높이를 S에 추가 for i in range(N): pointer = 0 hei = arr[i] # S에 추가된 놈들 중 나보다 작은놈은 pop해버리기 while S and S[-1][0] < arr[i]: S.pop() # 위의 과정을 거쳤는데 S에 뭐가 남아있으면 그게 내 왼쪽에서 나보다 큰놈의 정보임 if S: pointer = S[-1]..
백준 6549 히스토그램에서 가장 큰 직사각형 (파이썬)
2022. 11. 13. 13:52
백준
풀이 import sys; while True: N, *info = map(int, sys.stdin.readline().strip().split()) if N == 0: break info.append(0) S = [] rst = 0 for i in range(N+1): # 스택에 높이와 인덱스를 저장할건데 pointer는 인덱스를 가리킴 # 이때 저장하는 인덱스는 단순히 그 높이의 인덱스가 아니라 현재 높이로 만들수 있는 전의 인덱스를 가르킴 pointer = i # 현재 높이가 스택에 마지막 요소의 높이보다 작으면 rst값을 갱신 while S and info[i] < S[-1][0]: h, d = S.pop() # 이때 포인터를 d로 가르키게함 자세한 설명은 후기에.. pointer = d tmp..
백준 13305 주유소 (파이썬, 자바)
2022. 11. 10. 21:53
백준
풀이 및 해설(주석) [파이썬] import sys N = int(sys.stdin.readline()) dist = list(map(int, sys.stdin.readline().strip().split())) citys = list(map(int, sys.stdin.readline().strip().split())) # 첫 번째 도시에서는 무조건 다음 도시로 이동할 거리만큼 기름을 채워야 한다. rst = dist[0] * citys[0] # 현재 기름 가격은 0번째 city now_price = citys[0] # 현재 위치 == 거리 now = 0 for i in range(1, N-1): now = dist[i] # 다음 도시의 가격이 현재 가격보다 낮으면 그 가격으로 기름을 채움 if city..
Vuejs와 Django의 CRUD 중 C (todo list를 사용)
2022. 11. 10. 15:34
카테고리 없음
장고 서버와 뷰 서버를 둘 다 실행 시켜준다. 장고 프로젝트 폴더와, 뷰 프로젝트 폴더를 각자 vscode로 실행시켜 서버를 실행 장고 서버에서 api요청 해서 모델(DB)가져오기 자 이제 뷰로 실행시킨 서버에서 장고로 axios를 통해 필요한 데이터를 가져와야 한다. 하지만, 브라우저에서 다른 포트라고 판단하여 못가져오게 한다. 자세한 내용은 mdn cors 검색하여 문서를 읽어보도록.. 일단, 막아놓은 것을 뚫어야 한다. https://pypi.org/project/django-cors-headers/ django-cors-headers django-cors-headers is a Django application for handling the server headers required for Cro..
백준 15686 치킨 배달 (파이썬)
2022. 11. 8. 22:11
백준
풀이 및 해설(주석) import sys def solve(m, index): global rst if m == M: cnt = 0 for home in homes: r, c = home[0], home[1] tmp = 2*N+1 for chick in ans: er, ec = chick[0], chick[1] if (abs(er-r) + abs(ec-c)) rst: return rst = min(rst, cnt) return for i in range(index, chicks_len): ans.append(chicks[i]) solve(m+1, i+1) ans.pop() N, M = map(int, sys..