F개발자의 에러로그

입사 전에 잠깐 배우다가 영원히 멈춰버린 줄 알았던 리액트.. 다시 시작한다. with 노마드 코더 우선 리액트 전에 환경 설정하기 1. node설치/버전 확인: node -v 2. npm 설치/버전 확인: npm -v 3. npx 설치/버전 확인: npm install npx -g (g는 글로벌로 설치함) 4. git 설치/버전 확인: git --version - 리액트 시작하기: npx를 이용 원하는 폴더에 npx를 설치한다. 혹은 npx로 폴더를 생성할 수 있다. npx create-react-app {프로젝트명} 원래 이것저것 해야할게 많지만 페이스북에서 만든 마법의 명령어 'create-react-app' 하나로 세팅이 끝난다. npx는 프로젝트를 만드는 패키지이다. 설치가 되면 해당 프로젝트명..

여기서는 조금 중요한 단계이다. db를 만들고 그 db안에 투두리스트를 쓴 다음에 get으로 불러오거나, post로 수정하거나 delete로 삭제할 것이기 때문이다. 1. sqlalchemy로 테이블 만들기 기존 코드에 이렇게 추가해준다. from flask import Flask, render_template, url_for from flask_sqlalchemy import SQLAlchemy from datetime import datetime app = Flask(__name__) app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///test.db' db = SQLAlchemy(app) class Todo(db.Model): id = db.Column(db.I..

여기까지 왔으면 존나 잘하고 있는 것이다. 왜냐? 처음에는 존나 어려우니까 ㅠ 이제 각종 html파일을 넣을 템플릿과 css를 만들어보자. 1. 템플릿 렌더링하기 - mkdir static templates 이제 이 템플렛s폴더 안에서 템플렛을 렌더링할 것인데 그러기 위해서는 render_template라는 함수(?)를 가져와야(import)한다. app.py의 첫번째 줄에 이렇게 추가해주면 된다. from flask import Flask, render_template app = Flask(__name__) @app.route('/') def index(): return render_template('index.html') if __name__ == "__main__": app.run(debug=Tru..

전체적인 그림을 먼저 보면 더 쉽다. 우선 완성된 후의 폴더와 파일 구조를 보여주겠다. 너무 뭐가 없음.. 엄청 간단하다. todoApp 폴더 안에 app.py, test.db라는 파이썬, db파일이 각각 있고 templates, static이라는 폴더가 있다. templates폴더 안에는 html파일이 들어있고 static에는 다시 css폴더가, 그 폴더 안에 main.css가 들어있다. 원한다면 js폴더를 다시 만들어서 자바스크립트 파일을 추가할 수 있다. 1. 파이썬 파일 만들고 실행하기 그러면 app.py부터 만들어보자. 리눅스에서 "touch + 파일명" 명령어는 해당 파일이 있을 때는 그 파일의 타임스탬프를 현재 시간으로 업데이트 한다. 파일이 없을 때는 그 파일을 새로 만들어준다. 고로 이렇..

https://www.youtube.com/watch?v=Z1RJmh_OqeA&feature=youtu.be [1시간만에 플라스크 투두앱 만들기] 라는 아주 좋은 예제를 찾아서 따라 만들어보았다. (리눅스로 먼저 만들어보았고 복습할 겸 블로그에 올릴 겸 윈도우로도 만들어보려고 한다.) 먼저 윈도우 아무 위치에 (주로 C드라이브의 사용자 폴더에 만들긴하지만) 아무 이름으로 폴더를 하나 만든다. 커맨드 명령어와 친해지기 위해.. VSC 파워쉘을 이용하여 만들어보자 - vsc를 열고 ctrl+' 단축키를 이용해 파워쉘을 킨다 - mkdir todoApp 만들면 다음과 같이 폴더가 생성되어 있음. 그러면 이제 이 폴더에 가상환경을 만들러 ㄱㄱ 폴더 이동 명령어는 cd + 폴더명 - cd todoApp (todo..