Application 25

생활코딩 SQL

생활코딩 sql강의를 통해서 sql을 벼락치기 해보자. (코테에서 한 문제는 꼭 나오기 때문에..) https://opentutorials.org/course/1 생활코딩 hello world 생활코딩의 세계에 오신 것을 환영합니다. 생활코딩은 일반인들에게 프로그래밍을 알려주는 무료 온라인, 오프라인 수업입니다. 어떻게 공부할 것인가를 생각해보기 전에 왜 프로그 opentutorials.org 데이터 베이스 : 데이터를 저장하는 곳. 관계형 데이터베이스 : mysql, oracle, mssql -> sql이라는 문법을 공유한다. (표준화된 문법을 공유) nosql : mongoDB 데이터베이스 구성 데이터베이스 서버 > 데이터베이스 > 테이블 (행, 열) > Field (행과 열의 교차점 = 한 칸) -..

Django 에어비앤비 클론 4부 (21.12.06 ~ )

그 동안의 부단한 노력으로 실력이 많이 늘었다. 이제 이거 끝내고 AWS배포를 배운 후, Djago API를 사용한 React Native 앱을 만들어보자. # 23 Room update - 수정 화면 접근 보안성 강화하기 1) 버튼 숨기기 with 조건문 {% if room.host == user %} Edit room {% endif %} ui상에서는 막아지는데 url로 접근하는 똑똑이들을 막을 수 없다. 2) 해당 view에 get_object 추가한 뒤, Http404 raise하기 def get_object(self, queryset=None): room = super().get_object(queryset=queryset) if room.host.pk != self.request.user.pk..

Firebase, 트위터 클론코딩

21.09.09 ~ Firebase - 작은 프로젝트를 시험삼하 진행하고 싶을 때 사용하면 좋다. (아이디어 테스트용) - 이후 이 작은 프로젝트가 성공적으로 진행된다면 그때 큰 규모의 서버를 짜면 된다. - 즉, 비즈니스를 구상중인 단계에 사용하면 좋다. React - 앞서 많이 공부했으니 패스 1 // Set Up! 트위터 클론코딩은 firebase + react의 형태로 진행한다. npx create-react-app nwitter 그러니 일단 시작은 create-react-app!! 근데 이거 바뀌었단다.. npm install -g create-react-app create-react-app app_name Firebase같은 경우에는 공식 다큐먼트에 정리가 되어있다. 앱 생성하고 키 받으면 된..

Django 에어비앤비 클론 3부 (21.04.05 ~ 12.06)

#15 Sign Up - forms.Form, forms.ModelForm [04/05] form을 만드는 방법에는 여러가지가 있는데, 그 중에 두가지를 다뤄볼 수 있었다. Form : 각각의 field를 내가 직접 정의한다. ModelForm : 장고에서 정의해놓은 field를 잘 사용하면 된다. model이라는 이름이 붙은 이유는 class SignUpForm(forms.ModelForm): class Meta: model = models.User fields = ( "first_name", "last_name", "email", ) Meta SubClass를 통해서 fields를 정의해 줄 때, 앱 내의 model에 정의된 field를 그대로 사용할 수 있기 때문이다. - mailgun.com [0..

Django 에어비앤비 클론 2부 (21.03.16 ~ 04.05)

Chapter 9 : Custom commands and seegind [03/16] - manage.py commands 음... python manage.py 에서 사용될 명령어들을 직접 만들었다. 이유는, 테스트 케이스나 특정 데이터들을 입력하는데 admin창에서 직접 하나하나 치는게 번거롭기 때문이다. 이 커맨드를 만들어 놓으면 커맨드를 통해서 데이터를 입력할 수 있다. 즉, "프로그래머" 다워지는 것이다. 방법은 1) 하나의 앱에서 management/commands/ 디렉토리를 만든다. 2) 이 안에 python 파일을 생성한다. 3) Command 클래스를 정의하고, from django.core.management.base import BaseCommand 를 상속시킨다. 4) 그 안에서 ..

Django 에어비앤비 클론 1부 (21.02.01 ~ 25)

Chapter 0 : Requirment [02/01] 음 파이썬 기반 풀스택 작업을 하는데에는 몇가지 선택지가 있는데, 백앤드 : Django VS flask or pyramid 플라스크나 피라미드는 micro framework, 작은 서비스에 적합하다. 규모가 커질수록 노동력이 훨씬 많이 필요하다고.. ​ 프론트 : Django template VS React 장고 템플릿도 꽤나 좋은 시스템이라서 정말 엄청 많은 인터랙션이 필요한게 아니라면 리액트를 사용할 필요가 없다고 한다. ​ Chapter 1 : Environment Setup [02/02] - pip VS npm pip : package installer for python / 얘는 빠꾸가 없다. 다운로드를 받으면 global하게 받아버려서 ..

실전형 리액트 Hooks 10개 (21.01.15 ~ 20)

사전학습 > what is Hooks? 음... 쉽게 말하면 react의 구조에도 귀찮음을 느낀 개발자가 react를 더욱 쉽게 사용할 수 있는 방법을 고안했다고 하면 될거같아. 본래 리액트는 클래스를 만들고, 스테이트를 설정하고 등등등... 번거로웠던 과정들을 하나의 함수로 선언할 수 있도록 하는 도구이다. 정말 간결하다! ​ 1.0 > useState() : item의 초기값을 설정해주는 함수 setState() : item의 값을 변경시켜주는 함수이다. ​ class 구조를 사용하게 되면, state, render 같은 구조를 사용해야 하지만 hook을 사용하면 함수로 선언하고 return만 해주면 끝난다. ㅁㅊ; 이거 ㄹ 쓰니까 리액트가 만만해졌어. 근데 이제야 리액ㅇ트의 클래스 구조가 이해됐는데..

초보자를 위한 리덕스 101 (21.01.15

Redux : Javascript application들의 상태를 관리하는 방법. JS를 사용하는 모든 프레임워크에서 사용가능하다. 단 react를 사용하는 사람들에 의해서 유명해진 탓에 react와 짝궁인 것 처럼 느껴진다. ​ 0.1 > what is Redux? 엥? 로드맵에는 hook 전에 있길래 이거부터 해야하나 했더니 hook 듣고오라그러네 ㅂㅂ~ [출처] 초보자를 위한 리덕스 101 (21.01.15/|작성자 winney

React Native 날씨앱 (21.01.11 ~ 21.01.14)

0.0 ~ > - Expo vs React CLI(Command Line Interface) react native의 작업방식이다. cli 는 더 순수한 react native라고 할 수 있다. 많은 기능을 사용할 수 있는데, 그만큼 다루기가 까다롭니다. Expo는 조금은 더 모듈화? 가 되어있는 react인데, 비교적 사용하기 편한만큼 기능이 제한적이다. 니코쌤은 Expo면 충분히 작업할 수 있다고 했으니까 믿어보자. (디테일을 보자면 react native file에 대한 직접적인 접근권한의 차이이다.) ​ qr코드를 통해서 연결하는데 여러 조건이 필요했다. 일단 와이파이를 동일 와이파이로 설정해야한다. 그래도 안되길래 이것저것 찾아봤더니 Tunnel 로 설정하면 된다고 하더라.. 덕분에 잘 되긴했는..

728x90