본문 바로가기

분류 전체보기

(79)
웹 개발 플러스 1 - 나만의 일기장 만들기 0. 복습 클라이언트란 휴대폰, 브라우저 등 html, css, javascript, 데이터 등을 서버로부터 요청을 합니다. 서버는 API 창구를 통해 클라이언트와 소통을 합니다. 정해진 규칙에 따라 각 기능에 맞춰서 HTML, CSS, JS 등을 응답하거나 데이터를 전달합니다. 이 때 Json의 형태로 전송합니다. 본 프로젝트에서 서버는 Flask, 데이터베이스는 MongoDB를 활용합니다. 서버와 클라이언트는 컴퓨터의 역할을 의미합니다. 특수한 어떤 장치가 아닌 우리가 흔히 쓰는 컴퓨터임에도 데이터를 요청하는 소프트웨어 혹은 하드웨어를 클라이언트, 응답하는 소프트웨어 혹은 하드웨어를 서버라고 합니다. 이러한 클라이언트와 서버 간의 통신에는 여러가지 방식이 있습니다. HTTP, WebSocket, TC..
Ajax란? 0. Ajax란? Ajax(Asynchronous JavaScript and XML)는 비동기적인 웹 애플리케이션 개발 방식으로, JavaScript와 XML 등의 웹 기술을 활용하여 서버와 브라우저 사이의 데이터를 비동기적으로 전송하고, 데이터를 받아와 동적으로 웹 페이지를 갱신하는 기술입니다. Ajax는 전통적인 웹 애플리케이션의 단점인 페이지 전환의 불편함과 느린 응답속도를 개선할 수 있습니다. 예를 들어, 기존의 웹 페이지에서는 사용자가 어떤 작업을 하면, 서버로부터 새로운 HTML 페이지를 받아와 전체 페이지를 다시 렌더링해야 했습니다. 그러나 Ajax를 사용하면, 전체 페이지를 새로고침하지 않고도, 서버와 비동기적으로 데이터를 주고받아 웹 페이지의 일부분만 변경할 수 있습니다. 이를 통해 사용..
CDN(Content Delivery Network, 분산 네트워크)란? 0. CDN 이란? CDN이란 Content Delivery Network의 약자로서 분산 네트워크입니다. 전 세계 사용자들이 웹 콘텐츠에 빠르게 접근할 수 있도록 전 세계에 분산된 여러 지점에 웹 콘텐츠를 저장하고, 사용자는 가장 가까운 지점으로부터 해당 콘텐츠를 제공 받습니다. 이를 통해 사용자는 보다 빠르게 콘텐츠를 받아 볼 수 있습니다. 일반적으로 CDN은 웹 사이트, 동영상, 음악, 이미지 등의 다양한 정적 콘텐츠를 제공합니다. 예를들어 미국에 있는 어떤 사용자는 미국에 위치한 CDN 서버를 통해 콘텐츠를 제공받게 됩니다. 이를 통해 사용자는 지연시간과 대역폭 소모를 줄일 수 있습니다. 또한 CDN은 부하 분산(Loard Balancing)과 보안 기능을 제공합니다. CDN을 사용하면 웹 서버의..
클라이언트와 서버의 통신 프로토콜 0. 클라이언트와 서버의 통신 프로토콜 종류 클라이언트와 서버 사이에는 다양한 통신 방법이 있습니다. 일반적으로 사용되는 몇 가지 방법은 다음과 같습니다. HTTP (Hypertext Transfer Protocol): 웹 애플리케이션에서 가장 일반적으로 사용되는 프로토콜입니다. 클라이언트는 HTTP 요청을 보내고, 서버는 HTTP 응답을 반환하여 데이터를 전송합니다. WebSocket: 실시간으로 양방향 통신을 가능하게 해주는 프로토콜입니다. 클라이언트와 서버는 WebSocket 연결을 설정하고, 이후에는 데이터를 자유롭게 주고 받을 수 있습니다. TCP/IP (Transmission Control Protocol/Internet Protocol): 인터넷 프로토콜을 기반으로 하는 통신 방법입니다. 클..
파이썬 - 날짜 코딩도장 파이썬 날짜 시간 : https://dojang.io/mod/page/view.php?id=2463 from datetime import datetime today = datetime.now() mytime = today.strftime('%Y-%m-%d-%H-%M-%S') print(mytime) 2023-03-09-15-42-06 종료 코드 0(으)로 완료된 프로세스 활용 : 파일 이름과 같은 중복되지 않는 값에 활용할 수 있습니다. from datetime import datetime today = datetime.now() mytime = today.strftime('%Y-%m-%d-%H-%M-%S') filename = f'file-{mytime}' print(filename)
파이썬 스트링 fstring : name = '홍길동' age = '30' hello = f'제 이름은 {name}이고요 나이는 {30}입니다.' print(hello)
웹 개발 기초 7 - 배포하기 0. 프로젝트 세팅 Filezilla 다운로드(https://filezilla-project.org/download.php, 차단시 -> https://filezilla-project.org/download.php?type=client&show_all=1) 가비아 접속하기(https://www.gabia.com) 패키지 : flask, pymongo, dnspython 1. 요구명세 요청 : URL = /bucket, 요청방식 = POST 버킷리스트 기록 시 업데이트를 할 수 있도록 번호를 추가한다. index.html : 나의 버킷리스트 기록하기 ✅ 호주에서 스카이다이빙 하기 완료! ✅ 호주에서 스카이다이빙 하기 ✅ 호주에서 스카이다이빙 하기 완료! app.py : from flask import Fl..
웹 개발 기초 6 - Flask 서버 0. Flask를 활용해 로컬 환경에서 서버를 구동하기 설치할 패키지 : pymongo : 파이썬에서 mongodb를 사용할 때 사용됩니다. dnspython : DNS 패키지로서 도메인을 받아 송수신할 때 사용합니다. pymongo 패키지가 동작할 때 사용합니다. flask : 파이썬으로 작성된 마이크로 웹 프레임워크로서 서버를 구동하는데 사용됩니다. 1. Flask 서버 작동해보기 프로젝트에 app.py 파일과 templates, static 경로를 추가합니다. static 폴더에는 이미지, css 파일을 넣어두고 templates에는 html 파일을 넣어 둡니다. app.py에는 다음과 같이 코드를 작성합니다. from flask import Flask, render_template app = Fl..