전체 글351

• 

  Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 8-1 (프론트 todoList 보충) 안녕하세요. https://newbiecs.tistory.com/310 Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 8 (프론트 todoList Create) 안녕하세요. newbiecs.tistory.com/309 Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 7 (프론트 todoList GET) 안녕하세요. 이번 포스팅에서는 CRUD 기능 구현을 해보도록 하겠습니다. 전 포스팅에서 우.. newbiecs.tistory.com 위 포스팅에서 만들고 사용해보니 Create 버튼 클릭 시 투두리스트 목록에 바로 생성되지 않아서 그 부분을 수정하려고 합니다. 왜 생성이 안되었는지 확인해보도록 하겠습니다. // App.vue mounted() { // DOM.. Project/Django & Vue.js 2020. 8. 6.

• 

  (나동빈 저) 이것이 취업을 위한 코딩 테스트다 with 파이썬 [한빛미디어] 출간 소식 / 기대평 안녕하세요. 평소에 나동빈님의 유튜브를 즐겨보는 사람 중 1인 입니다. 이번에 책을 출간하신다고하여 기대되는 마음에 포스팅 해봅니다. '이것이 취업을 위한 코딩 테스트다. with 파이썬' '이것이 취업을 위한 코딩 테스트다. with 파이썬' 책 제목처럼 파이썬으로 코딩테스트를 준비하는 책 입니다. 하지만 소개영상을 보니 파이썬 외에 다른 언어들도 제공해주고 있다고하니 다른 언어를 사용하시는 분들도 보면 좋겠다는 생각이드네요! 책에 코딩테스트 내용은 기초부터 시작해서 IT기업들의 코딩테스트 문제를 가져와 구성하였다고 합니다. "본 책은 코딩 테스트를 위한 핵심 알고리즘 개념과 주요 대기업 코딩 테스트 기출 문제 풀이를 다루는 책입니다. 책에서는 기본 소스코드로 파이썬을 이용하지만 깃허브에서 C++/Ja.. 일상다반사 2020. 8. 5.

• 

  Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 8 (프론트 todoList Create) 안녕하세요. newbiecs.tistory.com/309 Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 7 (프론트 todoList GET) 안녕하세요. 이번 포스팅에서는 CRUD 기능 구현을 해보도록 하겠습니다. 전 포스팅에서 우리는 DRF(Djang REST Framework) Server 에서 데이터를 가져오는 것을 실습해보았습니다. 우리는 Django 에서 GET 만 newbiecs.tistory.com 저번 포스팅에서는 List 를 가져와 화면에 보여지는 것을 만들어보았습니다. 오늘은 TodoList 를 생성하고, Clear 를 이용하여 입력폼을 비우는 기능을 구현하도록 하겠습니다. 구현하기 전에 제가 생각한 Create 방법은 자식 컴포넌트(TodoContent.vue.. Project/Django & Vue.js 2020. 8. 4.

• 

  Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 7 (프론트 todoList GET) 안녕하세요. 이번 포스팅에서는 CRUD 기능 구현을 해보도록 하겠습니다. 전 포스팅에서 우리는 DRF(Djang REST Framework) Server 에서 데이터를 가져오는 것을 실습해보았습니다. 우리는 Django 에서 GET 만 생성한 것이 아닌 GET, POST, Patch, Delete 와 같은 것들을 구현하였습니다. 오늘은 이것들을 활용하여 실제 데이터를 백엔드 서버에 전달하여 DB에 저장하는 것을 만들어보도록 하겠습니다. 데이터를 가져와 리스트에 보여지는 것을 구현해보기 데이터를 가져와 화면에 보여지게하려면 제가 생각한 방법은 2가지가 있었습니다. 1. methods 를 만들어 데이터를 가져와서 vue인스턴스의 data 에 저장하는 방법 2. mounted 를 사용하여 페이지 로드 시 데이.. Project/Django & Vue.js 2020. 7. 31.

• 

  Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 6 (프론트 axios, cors 설정) 안녕하세요. 이전 포스팅 때 화면을 구현하였습니다. 이번에는 프로젝트 초기에 만들어두었던 DRF Server에 Todo API 를 이용하여 실제 데이터를 백엔드 서버에 넘겨 CRUD 를 할 수 있도록 만들어보겠습니다. 백엔드 서버와 통신하기 위해서는 HTTP 통신이 필요한데 저희는 axios 라는 것을 사용하여 통신을 해보도록 하겠습니다. axios 설치 npm install axios axios 사용법 import axios from 'axios'; var url = 'https:/jsonplaceholder.typicode.com/users'; var data = { username: this.username, password: this.password } axios.post(url, data); /.. Project/Django & Vue.js 2020. 7. 31.

• Vue.js 시작하기 - 배운내용 정리 안녕하세요. https://www.inflearn.com/course/Age-of-Vuejs/dashboard Vue.js 시작하기 - Age of Vue.js - 인프런 Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요. 초급 웹 개발 프레임워�� www.inflearn.com 인프런에 올라와있는 캡틴판교님의 Vue.js 시작하기를 마무리하면서 마지막 내용정리를 하겠습니다. 강좌를 들으면서 노트한 내용들은 깃헙에 올려두었습니다. Vue.js, React.js 왜 기존의 javascript 를 놔두고 이것을 사용할까 라는 생각이 들었습니다. 가장 큰 이유는 Reactivity 라고 .. Web/Vue.js 2020. 7. 30.

• 

  Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 5 (프론트 컴포넌트 생성) 안녕하세요. 오늘 포스팅에서는 실제로 Todo List 를 한번 만들어보도록 하겠습니다. 가장 먼저 해야 할 일은 HelloWorld.vue 파일을 삭제하고, App.vue 의 내용을 비워주겠습니다. 간단하게 테스트 할 코드를 적어주도록 하겠습니다. {{ name }} 이러한 코드를 작성하고, yarn serve를 입력해주시면 서버가 실행되고, localhost:8080 으로 접속하면 화면에 cslee 라는 값이 div 태그 안에 생성된 것을 확인할 수 있습니다. 좋습니다. components 폴더 아래에 TodoHeader.vue, TodoContent.vue, TodoFooter.vue 를 생성해보도록 하겠습니다. // components/TodoHeader.vue Header 위 코드를 복사해서 4.. Project/Django & Vue.js 2020. 7. 30.

• 

  Argo Workflow failed to save outputs: Failed to establish pod watch: unknown (get pods) Error failed to save outputs: Failed to establish pod watch: unknown (get pods) Error kubernetes 클러스터에서 argo namespace 에 대한 권한과 관련 된 문제입니다. argo 를 설치하였다면 argo serviceaccount 는 생성되어 있는 상태입니다. 하지만 권한이 부여 된 상태는 아닌거 같습니다. kubectl create rolebinding default-admin --clusterrole=admin --serviceaccount=argo:default -n argo 위 명령어로 serviceaccount argo 에 default-admin 권한을 부여할 수 있습니다. Reference - https://github.c.. Devops 2020. 7. 23.

• 

  Vue 와 Django(DRF) 를 이용하여 Todo 리스트 만들기 - 4 (프론트 환경세팅) 안녕하세요. 오늘은 Vue CLI 를 사용하여 Vue 환경세팅, 설치부터 프로젝트 생성, 구조를 알아보도록 하겠습니다. 맥북을 사용하기 때문에 윈도우에서 발생하는 오류를 대응못하는 점 양해 부탁드립니다. 버전확인 node -v // 10점대 이상 npm -v // 6점대 이상 Vue CLI 설치 npm install -g @vue/cli //권한 에러 발생 시 sudo npm install -g @vue/cli 프로젝트 생성 > vue create todo > default (bable, eslint) todo 폴더가 생성되고, 그 안에 여러 폴더들이 생성된 것을 확인할 수 있습니다. cd todo로 생성 된 폴더 이동 후 yarn serve 혹은 npm run serve 로 서버를 실행시킬 수 있습니다.. Project/Django & Vue.js 2020. 7. 20.

• 

  다형성(Polymorphism) 그리고 추상화(Abstract) 다형성(Polymorphism) 다형성이란 유사한 형태를 갖고 있지만 완전히 다른 행동을 할 때 다형성이 적용되었다고 합니다. 간단하게 말하면 같은 모양의 코드가 다른 동작을 하는 것을 의미합니다. 다형성은 코드의 양을 줄이고, 여러 객체 타입을 하나의 타입으로 관리가 가능하여 유지보수에 용이합니다. [뜬금] signature란 메소드가 어떤 것인지 알 수 있습니다. 서명같은 것! signature = Method name + Parameter list 다형성의 하위 개념인 Overriding 과 Overloading 에 대해 알아보겠습니다. Method Overriding - 부모 클래스 메소드와 자식 클래스의 메소드 signature 가 맞다면 자식은 부모의 메소드를 오버라이딩하여 사용하고 있는 것.. Language/Python 2020. 7. 3.

• 캡슐화 그리고 상속 캡슐화(Encapsulation) 클래스 내부에 모든 내용이 존재하고, 외부에서는 메소드를 이용하여 사용할 수 있습니다. 추가로 은닉화(Protect, Private) 하고 싶은 자료들은 파이썬에서는 규칙을 정해 다루고 있습니다. 아래 설명한 Behavior 를 이용해서만 접근이 가능합니다. Object(객체) = Data + Behavior Data: field, member variable, attribute Behavior: method, member function, operation 잠깐 정리해보겠습니다. 캡슐화란 외부와 통신할 수 있는 통로(함수, 메소드)를 열어주고, 내부적으로 은닉할 정보는 은닉합니다. 여기서 혼동할 수 있는 개념은 캡슐화(encapsulation)랑 은닉화(informat.. Language/Python 2020. 7. 2.

• 

  DRF Swagger ImageField Request Samples 에 안보이는 문제 위 사진과 같은 문제가 발생하였습니다. 왼 쪽 아래를 보시면 REQUEST SAMPLES 에는 avatar 라는 필드가 추가가 안된 것을 확인할 수 있습니다. 데코레이터가 없다면 참조 - https://github.com/axnsan12/drf-yasg/issues/95 Web/Django 2020. 6. 23.