#TEXT GENERATOR

  이 프로젝트는 자주 활용되는 <P>, <SPAN>, <DIV> 태그들의 차이점을 이해하고 구분하여 실전 사용을 위해 간단하고 쉽게 연습 할 수 있도록 하기위해 만들어졌습니다.

👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇👇

🔶 정상적인 서비스는 TEXT GENERATOR 에서 이용가능합니다. 🔶

☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️☝️

Information

• Version. 0.95
• on Sep. 27th. 2022
• Responsive web
• Project_num. : 001
• Created, Designed by JongYeon, Kim
• e-mail : poot972@gmail.com
• phone : 010-2744-9658
• website : www.emptysite.com

Detail

• 사용된 언어&라이브러리

• HTML/CSS
• Javascript
• JQquery
• AJAX
• PHP

• 구현된 기능

• HTML태그를 입력하여 OUTPUT창에 HTML태그를 추가 할 수 있습니다.
• 태그를 다 입력하지 않아도 완성된 태그가 자동으로 입력됩니다.
• 태그종류버튼을 클릭하여 완성된 태그를 미리 입력 후 내용을 입력 할 수 있습니다.
• 전에 입력했던 정보를 키보드 '↑', '↓' 키로 빠르게 불러올 수 있습니다.
• 완성된 문서를 서버에 저장 할 수 있습니다. (max file size : 5MB)
• 문서 내용을 클립보드에 저장 할 수 있습니다.
• 문서 내용을 전체 지울 수 있습니다.
• 문서의 파일 사이즈를 실시간으로 알 수 있습니다.
• 페이지의 최상단, 최하단으로 갈 수 있습니다.
• 서버에 저장되어 있는 문서 파일들을 불러올 수 있습니다.
• 서버에 저장되어 있는 문서 파일을 검색 할 수 있습니다.
• 서버에 저장되어 있는 문서 파일을 삭제 할 수 있습니다.
• 반응형 웹으로 만들어져 여러가지 환경에서 모두 사용이 가능합니다. (PC, mobile, tablet ...)

• 사용 방법

1. OUTPUT창에 제일 오른쪽 버튼을 클릭하여 새로운 문서를 만듭니다.
2. 화면 제일 아래 입력란에 HTML 태그를 입력하고 오른쪽 입력 버튼을 클릭합니다.
3. 입력한 태그가 OUTPUT창에 출력됩니다.
4. OUTPUT창에 입력된 모든 태그들을 복사하고 싶다면 OUTPUT창에 오른쪽 두번째 버튼을 클릭해 클립보드에 복사합니다.
5. 문서를 서버에 저장하고 싶다면 OUPUT창에 오른쪽 세번째 버튼을 클릭해 파일 이름을 입력 후 저장합니다.
6. 문서의 내용을 모두 지우고 싶다면 OUPUT창에 제일 왼쪽 버튼을 클릭해 지웁니다.
7. 화면 왼쪽 파일 목록에서 서버에 저장되어 있는 파일을 불러 올 수 있습니다.
8. 파일 목록에서 서버에 저장되어 있는 파일을 삭제 할 수 있습니다.

Composition

• SERVER

• FILE - 저장된 문서 디렉터리
• action.php - 저장된 문서 제어

• PAGE

• main.html - 페이지 구성
• main.css - 페이지 구성
• main.js - 페이지 구성
• request.php - 서버에 있는 'action.php' 불러오기
• getText.php - 서버에 저장 되어 있는 문서 내용 불러오기
• icon - 아이콘 이미지

Copyright 2022. poot97 All rights reserved.