올리비아 코딩스쿨

HTML, Javascript, CSS 코드를 한번에 작성할 수 있어 편리하고, preview 미리보기도 같은 화면에서 할 수 있는 구조이다. 뷰포트를 확인해볼 수도 있어서 매우 유용하다. Codeply v2 www.codeply.com

프론트엔드, 백엔드란? 프론트엔드는 기본적으로 사용자가 보는 것을 말한다. 백엔드는 화면을 작동시키는 코딩, 프로그램이라 이해하면 좋다. 백엔드에는 서버와 데이터베이스가 있다. 이들은 서로 상호작용을 한다. 프론트엔드와 백엔드가 사용하는 언어도 다르다. 프론트엔드에는 HTML, CSS, Javascrip 같은 언어를, 백엔드는 C#, Ruby, PHP, SQL 같은 좀더 강력한 언어를 사용한다. 부트스트랩 Bootstrap이란? 부트스트랩은 인기있는 프론트엔드 라이브러리이다. 부트스트랩 안에는 재사용할 수 있는 코드가 많다. 이를 이용하면 웹사이트를 쉽고, 빠르게 디자인, 개발할 수 있다. 레이아웃 구성을 쉽게 할 수 있고 CSS코드도 상당부분 그대로 가져와 쓸 수 있기 때문이다. 부트스트랩은 무료이고 ..

requests.exceptions.JSONDecodeError: Expecting value: line 1 column 1 (char 0) 에러가 발생한 이유는 아래와 같다. 1. JSON 파일의 데이터가 없다. 실제 Json file을 열었을 때 데이터가 없을 경우이다. API를 불러왔다면 API의 주소가 맞는지, 데이터를 직접 가져온다면 경로가 옳은지를 확인하자. 2. " " 따옴표를 유의하자. JSON이나 JavaScript는 파이썬의 딕셔너리 데이터타입과 비슷한 형식을 띈다. 딕셔너리에서 key, value의 값이 string이라면 반드시 " " 쌍따옴표로 묶여야 한다. 마찬가지이다. JSON에서도 반드시 쌍따옴표를 써야한다. 이를 지키지 않았다면 에러가 났을 것이다. 3. 파일형식이 XML일 ..

url_for url_for을 이용하여 하이퍼링크를 만들어보자. 홈으로 1) 기본: 2) {{ }} 안에 url_for함수 넣기 3) url_for 함수의 인자로 라우트 함수 넣기 홈으로 4)url_for 함수 안에 키워드 매개변수 넣기 main.py import requests app= Flask(__name__) @app.route('/') def home(num): return "hello" @app.route('/blog') def my_blog(): blog_url = "https://api.npoint.io/856de95eec43713720cd" response = requests.get(url=blog_url) print(response.raise_for_status()) datas = re..

Jinja 마크업 언어를 배워보자. 지난 시간에는 한 줄로 작성하는 방법 ' {{ }} '을 배웠다면, 오늘은 for문과 if문처럼 여러 줄로 된 진자 코드를 작성하는 방법을 배우도록 하겠다. npoint 웹사이트 이를 위해 npoint 웹사이트를 배울 것이다. URL: npoint.io npoint는 자신의 json데이터로 API를 만들 수 있는 사이트이다. 로그인, 회원가입, 인증키가 필요 없어 편리하다. 1) Json bin 생성하기 create JSON Bin을 클릭한다. 2) 데이터 입력하기 그리고 우리는 for문을 돌릴 것이므로, [ ] 리스트를 추가해준다. [ { "id": 1, "title": "플라스크", "subtitle": "플라스크 사용 방법", "body": "플라스크 설치, 객체..