html

크롬브라우저에서 제공하는 기본 여백 제거하기

웹사이트마다 크로스 브라우징으로 인해서, 각기 다른 값들을 ㄱ질 수 있는데, 애플, 구글에서 서로 다른 브라우저 결과 값이 나올 수 있기에, css 에서 브라우저 기본 세팅을 초기화해야함 reset css cdn 을 가져와서 사용하려는 html에 link로 붙여넣어야(절대링크로 하는 방법을 권장) https://www.jsdelivr.com/package/npm/reset-css jsDelivr - A free, fast, and reliable CDN for Open Source Supports npm, GitHub, WordPress, Deno, and more. Largest network and best performance among all CDNs. Serving more than 80 bil..

[AWS + Filezila] 웹서비스 배포 시현 영상

다른 것보다 시현 영상(사진)과 코드이다 코드 1. app.py 2. index.html app.py from flask import Flask, render_template, request, jsonify app = Flask(__name__) # DB from pymongo import MongoClient client = MongoClient('mongodb+srv://test:test@cluster0.wpvuwzi.mongodb.net/Cluster0?retryWrites=true&w=majority') db = client.dbsparta @app.route('/') def home(): return render_template('index.html') @app.route("/homework",..

[웹서비스 배포] AWS EC2 + Filezila 이용하기

스파르타 코딩 웹개발 5주차 마지막 강의 내용을 듣고 작성한 내용이며, 참고 바랍니다. 사용한 것 : AWS EC2(Linux Ubuntu 22.04 LTS Server), Git Bash, Filezila, HTML , CSS , JS, Bootstrap, Ajax 1. 웹서비스란? 웹 서비스 런칭이란 클라이언트 요청에 항상 응답해줄 수 있는 서버에 프로젝트를 실행시키는 것을 의미 언제나 요청에 응하려면 다음 2가지가 충족되어야 함 컴퓨터는 항상 켜져있고, 프로그램이 실행되어 있어야 하고 모두가 접근할 수 있는 공개 주소인 공개 IP 주소 ( Publick IP Address)로 나의 웹 서비스에 접근할 수 있도록 해야함 가비아에서 IP 주소를 신청하여 주소를 하나 만듬 gs-tom.shop 이라는 주..

html pdf 변환

html pdf 변환하기 위해서는 html 파일이 존재해야한다 우선 필요한 html 파일을 준비한다 이후 다음 사이트에서 해당 파일을 끌어 당겨서 넣으면 끝이다 끌올하기 사용한 사이트 : https://html2pdf.com/ko/ HTML 파일 PDF로 변환 이 무료 온라인 변환기로 HTML 및 OHTML 파일을 PDF 형식으로 최대한 빠르게 변환하세요. html2pdf.com

html 주석 처리

html 을 작성하다가 설명을 덧붙이려는 경우, 태그 사이에 기술한다 jsp 주석문에서는 이런식으로 나타낸다 스크립트릿 내부에서는 // 이런식으로 주석처리 한다 두 주석문의 특징 공통점 : html의 주석문과 jsp의 주석문은 실행에 아무런 영향을 주지 않는다 차이점: html 주석문은 웹 컨테이너가 그대로 클라이언트에게 보낸 후, 브라우저는 이 부분을 주석으로 처리한다. jsp 주석문은 브라우저에 보내지지 않아 공개되지 않는다 &TIP html 주석문과 jsp 주석문은 적절하게 사용되어야 한다 jsp 문장에 대한 주석이라면 이를 jsp 주석문으로 처리하는 것이 바람직하다. jsp 문장에 대한 주석 처리를 html 주석으로 처리한다면 클라이언트가 소스보기를 수행한 경우 jsp 소스는 공개되지 않는데 그에..

[html] form 기초 기본 2. table 태그

목차 활용예시 코드 설명 1. Body : Step 1 2. Body : Step 2 3. Body : Step 3 4. Body : Step 4 1. Table 속성 설명 align 표의 정렬 방식(left, right, center) 을 지정 bgcolor 표의 배경색을 지정 border 표의 테두리 두께를 지정 bordercolor ㅍ의 테두리 색을 지정 width 표의 너비를 지정 height 표의 높이를 지정 2. body 속성 설명 background 배경 이미지 지정 bgcolor 배경색 지정 text 글꼴 색 지정 link 링크 색 지정 vlink 방문했던 링크 색 지정 alink 링크를 클릭하는 순간의 색 지정 3. 제목 태그 4. 문단 태그 본문 본문 줄바꿈 개행 태그 단락 간의 구분을..

form 기초 기본 1. form태그

목차 활용예시 코드 설명 1. text - value - 기본값은 사용자의 입력 값에 의해 지워질 수 있으며, 참고용을 보여준다. - 한번 지워지면 다시 복구 할 수 없다. 2. text - placeholder - 사용자가 placeholder에 적힌 내용을 쓰게 유도하는 효과가 있다. - 한번 지워져도 계속 다시 사용가능하다. 3. label - input 태그에 라벨을 달 수 있다. 4. label - list - 리스트로 원하는 datalist에서 사용자의 선택을 받을 수 있다. 5. select - label 과 비슷하지만 모양이 다르다. - value 값을 전달한다. 6.password - 입력 시 다음과 같이 식별 불가능하게 표현된다. 7.checkbox - 체크박스 형태로 원하는 값을 선택..