개발자 울이 노트

안녕하세요 이번 포스팅에서는 View를 수정 해 보려고 합니다. 이전의 포스팅 중 하나의 글에서 View의 종류에 대해서 다루어 보았습니다. [Dev/Django] - Django - tweetme 소셜서비스 구현해보기 (7) - CRUD & First View 작성 Django - tweetme 소셜서비스 구현해보기 (7) - CRUD & First View 작성 안녕하세요, 이번 포스팅은 tweetme 소셜 서비스의 CRUD와 View를 작성 해 보도록 하겠습니다. 이번 포스팅의 코드는 Github 저장소에 업로드 되어있습니다 :) tweet_detail.html list_view.html --> tweet_list.html 수정 후 확인해보면, 잘 나오는 것을 볼 수 있습니다!!

이번 포스팅에서는 Template을 다루는 기본에 대해서 얘기 해 보려고 합니다. 간단한 기능을 추가해서 많은 데이터를 보여 줄 수 있는 기능을 소개하려고 해요. 짧지만 유용한 포스팅이 되었으면 좋겠습니다. 이번 포스팅의 소스코드는 Github에 업로드 해 놓았습니다 이전 포스팅들에서는 데이터베이스에 들어있는 데이터를 가져오고, 가져온 데이터를 template에 뿌려주는 역할까지 작성 해 보았습니다. 대표적으로 작성했던 tweets앱의 views.py의 함수들이 있습니다. 같이 한번 더 보면서 응용 해 보도록 하겠습니다. 1. Views.py from django.shortcuts import render from .models import Tweet # Create your views here. def..

본 포스팅의 코드는 Github 저장소에 올라 가 있습니다. 이번 포스팅에서는 Query를 view와 template 등에서 활용하는 법과 출력하는 법을 포스팅 해 보려고 합니다. View의 함수에서 쿼리로 선택 된 데이터들을 html에 뿌려주는 방법에 대해 작성 해 보았습니다! :) 1. Views.py 먼저, 지난 포스팅에서 작성한 Views.py에 메서드는 두가지였습니다. - tweet_detail_view : 리스트 중 특정 글을 보여 줄 view - tweet_list_view : 전체 리스트들을 보여 줄 view 두개의 기능에 맞게 각각 작성 해 보도록 하겠습니다. tweetme > src > tweets > views.py 파일을 아래와 같이 수정 해 주도록 하겠습니다. from django..

안녕하세요, 이번 포스팅 또한 React-Native 작성을 위한 ES6 문법을 익혀보도록 하겠습니다. 아래의 링크는 최신 javascript 문법을 지원하는 웹콘솔입니다. https://es6console.com ES6 Console - try JavaScript compilers es6console.com 객체 비구조화 사용할 객체를 우선 작성 해 보도록 하겠습니다. const address = { country: '한국', city: '성남', street: '분당구', str_num: 193, postcode: '16053', }; 위의 객체를 출력 해 보도록 하겠습니다! const { country, city } = address; console.log(`${country}, ${city}`);..

안녕하세요, 이번 포스팅은 tweetme 소셜 서비스의 CRUD와 View를 작성 해 보도록 하겠습니다. 이번 포스팅의 코드는 Github 저장소에 업로드 되어있습니다 :) src > tweets > views.py from django.shortcuts import render # Create your views here. def tweet_detail_view(request, id=1): return render(request, "tweets/detail_view.html",{}) def tweet_list_view(request, id=1): return render(request, "tweets/list_view.html",{}) 작성한 view를 보면, tweet_detail_views는 twe..

이번 포스팅에서는 Django 의 Model Field에 대해서 알아보도록 하겠습니다. 이번 포스팅의 소스도 Github에 올려놓았습니다! :-)

이번 포스팅에서는 기본적인 셋팅이 끝난 Django에 App을 추가시켜서 기능을 만들어 보도록 하겠습니다. 아래의 접은글은 개발환경과 이전 포스팅들 입니다. ...더보기 A. 개발환경 - 저는 개발을 맥에서, terminal과 vscode를 사용해서 개발 하도록 하겠습니다 :) - 장고는 1.10 버전을 사용하고, 차후 모든포스팅이 끝났을 때 장고 2로 업데이트 하겠습니다 [Dev/Django] - Django - tweetme 소셜서비스 구현해보기 (1) - Django Setup Django - tweetme 소셜서비스 구현해보기 (1) - Django Setup 안녕하세요, 개발자 울이입니다. 이번 포스팅 부터는, Django를 활용해서 tweetme 소셜서비스를 만들어 보도록 하겠습니다!! 여러개..

앞으로의 포스팅에서는 ES6문법을 조금씩 공부 해 보도록 하겠습니다. babel은 자바스크립트 컴파일러 입니다. 입력은 자바스크립트 코드고 출력도 자바스크립트 코드입니다만, 최신 버전의 자바스크립트 문법은 브라우저가 이해하지 못하기 때문에 babel이 브라우저가 이해할 수 있는 문법으로 변환해준다고 생각 하면 될 것 같습니다. ES6, ES7 등의 최신 문법을 사용해서 코딩을 할 수 있기 때문에 생산성이 향상됩니다. React-Native 외에 React를 사용한다면 babel을 만나 보았을 것인데요, 간단하게 여러 문법들을 살펴보고 가도록 하겠습니다. es6등의 최신 문법은 아래의 웹 콘솔에서 지원해 주기 때문에 연습 해 볼 수 있습니다 :0 https://es6console.com/ ES6 Conso..

이번 포스팅에서도 React-Native를 사용 해 보도록 하겠습니다. 말 그대로 입문기 이기 때문에 React-Native를 어떻게사용 하고있는지, 간단한 기능들을 발견하고 공부하면서 작성 해 보도록 하겠습니다:) 이번에는 React-Native을 사용하면서 볼 수 있는 Debug 기능과 tutorial에 따른 첫화면 작성에 대해 살펴보도록 하겠습니다! 본 포스팅의 코드는 Github에 올라가있습니다! ( this.setState(previousState => ( { isShowingText: !previousState.isShowingText } )) ), 700); } //state object state = { isShowingText: true }; render() { if (!this.stat..

안녕하세요~~!! 예전부터 이슈였지만, 최근에야 제가 좀 보게 된 React-Native에 대해서 천천히 포스팅 해보려고 합니다. 설치와 실행기, 기본적인 부분을 공부하면서 포스팅 하려고 합니다!! 기회가 된다면, 프로젝트를 구상해서 공유하고 싶고, 같이 협업 해 보고도 싶네요 :) 무튼!! React-Native 도전!! 모든 소스는 Github페이지에 있습니다 AVD Manager -> 원하는 시뮬레이터 실행 을 해 주면 됩니다! react-native run-android 시뮬레이터가 실행 된 후, 위와같이 터미널에 작성을 해 주면 아래와같이 시뮬레이터에 react가 뜨게 됩니다. 지금까지 iOS와 Android를 react-native로 첫 시작 화면을 출력 해보았습니다!!