노마드코더 9

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만 해주면 끝난다. ㅁㅊ; 이거 ㄹ 쓰니까 리액트가 만만해졌어. 근데 이제야 리액ㅇ트의 클래스 구조가 이해됐는데..

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 로 설정하면 된다고 하더라.. 덕분에 잘 되긴했는..

초보를 위한 React JS (20.12.07 ~ 21.01.25)

1.1 > Arrow Functions function some(event){ } 이렇게 쓰던 이전 방식 보다는 const some = event => ; 이렇게 함수를 선언하는게 더 좋다고 한다! (왜 때문인지는 아직 잘 모르겠음, 줄을 적게 차지해서 그런가?....) ​ 1.2 > Template Literals ```` -> backthicks, 잊지않았지? ​ 1.3 > Object Destructuring const name = human.name; const lastName = human.lastName; 이렇게 바꿔쓸 수 있단다.. ㅠㅜㅠㅜㅠㅜ신기해 const {name, lastName} = human; ​ const { name, lastName, nationality: difName, ..

ReactJS with movie App (20.12.06 ~ 28)

오늘 안에 다 끝내고 내일부터 다른 코스 챌린지 들어가야 하는데 가능하겠지? -> 응 못함, ​ Nomad 강의 중에서 reactJS와 react native 코스의 차이가 정말 궁금했는데, reactJS에서는 ES6버전의 Javascript를 사용하는 경우가 많아서 이름이 저렇게 붙은거 같아. 이 정도도 안하고 react native 코스를 진행하려고 하니까 문제가 생기는건 어쩌면 당연한거 아닐까? ​ 기본적으로 nodeJS npm npx git 세팅이 필요해서 다 했구 그 다음, react-app을 만들기 위해서는 npx create-react-app movie_app 을 쳐주면 된다. (like Django) ​ 그 다음에 VSCode를 열어서 npm start를 terminal에 쳐주면 app이 ..

JAVASCRIPT (20.11.30 ~ 20.12.02)

챌린지는 저번주 월요일부터 시작했지만, 두번째 보는거라서 딱히 기록할게 없었다. ​ 이제 좀 생겼어 ​ - JSON web driver의 localstorage는 string 밖에 저장하지 못해. 그래서 우리는 JS의 Data type들을 String로 변환해줄 필요가 있지 좋은 트릭 중에 하나가 JSON모듈을 이용하는건데 (*JavaScript Object Notation!) JSON.stringify(AnyJavascriptObject!); 하면 된다. 자세한 설명은 나중에 *역으로 하는 과정은 JSON.parse(); ​ - forEach array 모듈 중 환상적인 함수로 array.forEach(function(i){ console.log(i); }; ​ 아니면 array.forEach(func..

CSS + HTML (20.11.10 ~ 20.11.23)

왜 어제걸 쓰냐면,, 어제 공부를 해보니까 일반 서비스 개발도 좀 로그를 작성할 필요가 있겠더라구,,, ​ 어제 내가 헷갈려 했던건 semantic tag. ​ semantic 은 단어의 의미 자체가 '의미론적'이라는 뜻인데,, ​ semantic tag면 특정 기능을 수행하는 태그인게 맞잖아 근데 왜 헷갈렸어, 왜!! ​ semantic tag VS non semantic tag ​ head -> configuration body -> contents ​ tag + attributes -> very powerful ​ 코딩 실습을 반복하면서 수많은 태그와 att들의 결합을 익히자! 암기하지마!! 절대!!! ​ //// 20.11.11 css 짧고 굵게 ​ # 3.2 cascadig style sheet..

728x90