BE(23)
-
[Flask] 초간단! HTML과 Jinja2
본 포스팅에서는 Python 기반의 템플릿 엔진으로, 주로 웹 애플리케이션의 프론트엔드와 백엔드 사이에서 동적인 컨텐츠를 생성하는 데 사용되는 Jinja2에 대해 알아보겠습니다. 중요한 키워드인 "템플릿 엔진" 에 대해 알아보겠습니다. "템플릿 엔진"을 chatGPT에게 물어보면 아래와 같이 대답합니다. 템플릿 엔진은 동적인 콘텐츠를 생성하기 위한 마크업 언어와 로직을 조합한 도구입니다. 주로 웹 개발에서 사용되며, 정적인 HTML 코드 내에 동적인 데이터를 삽입하고 제어할 수 있게 도와줍니다. 템플릿 엔진은 서버 측에서 실행되어 클라이언트에게 동적인 HTML을 전송하는 데 사용됩니다. 즉, HTML과 같이 정적인 웹페이지에서 동적인 데이터를 삽입하고 제어할 수 있게 해주는 역할을 수행한다는 것을 알 수..
2024.01.30 -
[Flask] 초간단! HTML과 Flask 통신 - 2
본 포스팅에서는 html에서 form 태그를 통해 원하는 날짜의 박스오피스 순위를 들고와서 다시 화면에 보여주는 코드를 작성해보겠습니다. 먼저 아래와 같이 HTML 코드를 작성해보겠습니다. 코드를 작성하면, input 태그를 통해 텍스트를 입력받고, button을 누르면 input 태그를 통해 받은 텍스트가 "query"라는 이름으로 "movie_boxoffice"라는 웹페이지로 라우팅 되게 됩니다. 박스 오피스 검색 사이트 "YYYYMMDD"형태로 입력하세요. 검색 "movie_boxoffice" 페이지에서 전달받은 영화 날짜의 텍스트("query")를 이용하여 해당 날짜의 박스오피스 정보를 가져오는 flask 서버의 코드는 아래와 같습니다. requests 라이브러리의 get 함수의 인자는 영화진흥위..
2024.01.29 -
[Flask] 초간단! HTML과 Flask 통신 - 1
본 포스팅에서는 간단한 예시를 통해 HTML과 파이썬 Flask 백엔드 서버간의 연동에 대해 알아보겠습니다. 먼저 Flask 서버에 대해 간단하게 알아보겠습니다. Flask 서버는 Python으로 작성된 웹 프레임워크로, 가볍고 간결한 설계로 구성되어 있습니다. 주로 작은 및 중간 규모의 웹 애플리케이션을 빠르게 개발하고 구축하는 데 사용됩니다. Flask는 Jinja2 템플릿 엔진과 Werkzeug 웹 서버를 포함하고 있습니다. 아래는 Flask 서버의 홈페이지에서 랜덤 로또 번호와 고정된 로또 번호 그리고 두 번호 사이에 몇 개나 맞았는지를 출력해주는 코드입니다. from flask import Flask, render_template import random app = Flask(__name__) ..
2024.01.29 -
[NodeJS] Get, Post의 특징
들어가기 NodeJS에서 라우팅을 get 방법으로 받을 수도 있고, post 방법으로 받을 수도 있다. 이것에 대해 알아보자 우선 아래와 같이 3000번 포트, '/form'라우팅을 이용하여 아이디와 비밀번호를 입력하여 제출하는 웹페이지가 있다고 가정하자. '/form' 웹페이지에서 제출 버튼을 누르면 '/form_receiver' 웹페이지로 라우팅된다. ID를 입력하세요. PASSWARD를 입력하세요. Get get을 이용하여 라우팅 하는 경우의 코드는 아래와 같다. app.get('/form_receiver', function(req, res){ var id = req.query.id; var passwd = req.query.passwd; res.send(id + ',' + passwd); }) '..
2023.12.21 -
[NodeJS] 동기와 비동기 작업
웹, 앱 어플리케이션에 익숙하지 않으면 동기, 비동기 작업은 익숙치 않은 개념입니다. 동기와 비동기 작업에 대해 코드로 살펴보고 넘어가겠습니다. 먼저 동기(Synchronous) 작업은 이전의 작업이 끝나면 그 다음 작업을 수행하는 작업을 말합니다. 예제 코드는 아래와 같습니다. console.log(1); var data = fs.readFileSync('data.txt'); consol.log(data); 위 코드를 실행하면 파일을 읽은 후에 읽어진 데이터가 로그에 찍히게 됩니다. 동기 작업의 장점은 순차적으로 실행하기 때문에 작업의 순서를 파악하는데 용이하다는 것입니다. 하지만, 데이터를 읽는 시간이 오래걸리는 경우, 그 다음 코드가 실행되지 않는 단점이 존재합니다. 비동기(Asynchronous)..
2023.12.20