본문 바로가기

웹디자인 (HTML,JS)51

728x90
Django를 사용하여 튜토리얼 애플리케이션 만드는 과정 이 튜토리얼에서는 Django를 사용하여 간단한 설문조사(Polls) 애플리케이션을 만드는 과정을 단계별로 설명합니다. 단계 1: 프로젝트 생성 먼저 Django 프로젝트를 생성합니다. 프로젝트 디렉토리를 만들고, Django의 기본 구조를 생성하는 명령어입니다. $ django-admin startproject mysite 프로젝트 디렉토리를 생성한 후, 다음과 같은 파일 및 디렉토리가 생성됩니다. mysite/ manage.py mysite/ __init__.py settings.py urls.py asgi.py wsgi.py 단계 2: 개발 서버 실행 프로젝트 디렉토리에서 개발 서버를 실행합니다. $ python manage.py runserver 이렇게 하면 Django 개발 서버가 시작됩니다. .. 2023. 11. 9.
데이터 탐색 및 게시를 위한 오픈 소스 멀티 도구(Datasette) Datasette(데이터셋)는 데이터를 탐색하고 게시하는 데 사용되는 오픈 소스 멀티 툴입니다. 이 도구는 어떤 모양 또는 크기의 데이터든 인터랙티브하고 탐색 가능한 웹 사이트와 관련 API로 게시할 수 있도록 도와줍니다. Datasette는 데이터 저널리스트, 박물관 관리자, 기록 보관자, 지방 정부, 과학자, 연구자 및 데이터를 세계와 공유하고자 하는 누구에게나 도움이 되는 도구입니다. 이 도구를 사용하여 데이터를 업로드하고 게시해보거나 데모를 살펴보거나 프로젝트에 대한 비디오를 시청하려면 datasette.io 공식 웹사이트를 방문하세요. 최신 Datasette 뉴스 및 상세한 설명, 예시, 라이브 데모 및 프로젝트 관련 토론을 위한 Discord 채널에 참여하는 방법에 대한 정보는 공식 웹사이트에.. 2023. 11. 3.
Selenium Grid 웹 응용 프로그램 다양한 브라우저 테스트 자동화 Selenium Grid는 웹 응용 프로그램을 자동으로 테스트하거나 웹 브라우저 기반의 작업을 자동화하는 데 사용되는 도구 중 하나입니다. Selenium Grid는 다음과 같은 주요 목적을 가지고 있습니다. 병렬 테스트: Selenium Grid는 여러 대의 컴퓨터(노드)에서 동시에 웹 테스트를 실행할 수 있도록 도와줍니다. 이를 통해 테스트를 병렬로 실행하여 테스트 수행 시간을 줄일 수 있으며, 빠르게 다양한 환경에서 웹 응용 프로그램을 테스트할 수 있습니다. 다양한 브라우저 및 플랫폼 지원: Selenium Grid를 사용하면 다양한 종류의 웹 브라우저(예: Chrome, Firefox, Edge 등) 및 운영 체제(예: Windows, macOS, Linux)에서 테스트를 실행할 수 있습니다. 이.. 2023. 10. 30.
Next.js 서버 측 변수 노출 보호 안전조치 Next.js에서 서버 측 변수를 프론트엔드에 노출되지 않도록 보호하려면 몇 가지 접근 방식을 사용할 수 있습니다. 이러한 방식은 보안상 중요한 정보를 안전하게 처리하는 데 도움이 됩니다. 환경 변수 사용: 환경 변수는 .env.local 파일을 통해 관리됩니다. 이 파일에 중요한 서버 측 정보를 저장하고, process.env를 통해 접근할 수 있습니다. 환경 변수는 클라이언트 측에서 접근할 수 없으며, 서버 측에서만 사용됩니다. // .env.local 파일에 추가 SECRET_KEY=mysecretkey // Next.js 페이지에서 환경 변수 사용 const secretKey = process.env.SECRET_KEY; 서버 측 데이터 가져오기: 프론트엔드에서 서버 측 데이터를 가져올 때, 클라.. 2023. 10. 1.
HTML 엔티티(Entities) 대표적인 유형 표시 글자 엔티티 숫자 엔티티 이름 설명 space > > greater than & & & ampersand ' ' ' (IE에서 안됨) apostrophe " " " quotation mark ‘ ‘ ‘ left single quotation mark ’ ’ ’ right single quotation mark “ “ “ left double quotation mark ” ” ” right double quotation mark ° ° ° degree · · · middle dot × × × multiplication ÷ ÷ ÷ division ? − − minus ∞ ∞ ∞ infinity ∼ ∼ ∼ simular to ≠ ≠ ≠ not equal ≤ ≤ ≤ less or equal.. 2023. 3. 24.
728x90
728x90