개발자 울이 노트

안녕하세요, 이번 포스팅 또한 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로 첫 시작 화면을 출력 해보았습니다!!

안녕하세요 이번 포스팅에서는 Bootstrap 적용과 View Function 그리고 Template에 대해서 포스팅 해 보겠습니다. 본 게시물의 소스코드는 Github에 올라가있습니다. 위의 코드를 home.html에 적용 한 후 새로고침을 하면, 위의 home.html을 잘 보면, script와 css파일이 모두 CDN 으로 링크가 걸려있는 것을 볼 수 있습니다. 이 방법은 bootstrap의 url이 잘못되거나 중지된다면 사용 할 수 없기 때문에 static 파일들을 다운받아 직접 넣어보도록 하겠습니다. https://getbootstrap.com/docs/4.3/getting-started/download/ Download Download Bootstrap to get the compiled CS..

안녕하세요, 개발자 울이입니다. 이전 포스팅에 이어 작성 해 보겠습니다. 본 게시물의 소스코드는 Github에 올라가있습니다.

안녕하세요, 개발자 울이입니다. 이전 포스팅에 이어 작성 해 보겠습니다. 본 게시물의 소스코드는 Github에 올라가있습니다.