WebService
-
Web 개발 개요WebService 2023. 7. 9. 16:08
Web Request&Response 초기 순수 Web server는 단순하게 요청(request)와 응답(response) 위주로 구성 되어 있었다. 필요한 정보별 html을 준비해두고 client로부터 단순 요청과 응답을 하면, client에게 필요한 정보를 제공할 수 있다. IIS와 Apache같은 제품들이 나와서 그 기능 위주로 제공한다. 그러나 server에서 연산하거나 동적인 변화가 없어 항상 전체 내용이 전달되는 단점이 있다. 또한 요청의 세부 정보에따라 응답 양을 조절할 수 없어 항상 최대양으로 전송하게 된다. 동적처리를 위해 Was(WebApplicationServer)가 등장했다. Html html 기본 구조 IIS, Apache client가 요청하면 응답하는 정적인 방식이다. Was..
-
Firebase firebaseConfig 적용WebService 2023. 1. 23. 13:18
활성화 하기 정상적으로 설치가되고 인증이 되었다면 firebaseConfig가 미리 정의되어 있고 필요한 개인 설정 값이 들어가 있다. 사용하려면 emulator를 끄고 사용하면 된다. 직접 코드 불러서 사용 사용 시점 참고: window DOMContentLoaded event document.addEventListener('DOMContentLoaded', function () { const loadEl = document.querySelector('#load'); // // 🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥🔥 // // The Firebase SDK is initialized and available here! const app = firebase.initializeApp(fi..
-
Firebase firebaseConfig(apiKey, authDomain, authDomain, messagingSenderId, appId) 얻기WebService 2023. 1. 23. 13:03
Firebase firebaseConfig 적용 // Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; import { getAnalytics } from "firebase/analytics"; // TODO: Add SDKs for Firebase products that you want to use // https://firebase.google.com/docs/web/setup#available-libraries // Your web app's Firebase configuration // For Firebase JS SDK v7.20.0 and later, measurem..
-
Firebase ExWebService 2023. 1. 21. 11:57
사전준비 frontend를 위해 nodejs, vsc가 필요. 프로젝트 생성 https://console.firebase.google.com/ 생성 후 화면 Authentication Database Storage Hosting 프로젝트폴더 Firebase용 프로젝트 폴더를 만든다 firebase cli 설치 npm install firebase-tools 서비스 계정 연동 .\node_modules\.bin\firebase login Firebase연동할 계정에 로그인 요구 화면 나타난다. Firebase를 위한 준비 .\node_modules\.bin\firebase init 선택한 내용 Firestore: Configure security rules and indexes files for Fires..
-
Firebase - Backend applicationWebService 2023. 1. 21. 11:06
파이어베이스 파이어베이스 server & database 관련처리를 해주는 application이다. library수준의 자율성이 아니고, 다 만들어진 서버 프로그램에 옵션 넣는 정도의 수정으로 빠르게 서비스를 할 수 있게 해준다. 결국 frontend 작업 위주로 별도 준비하면 제품을 서비 할 수 있다. https://console.firebase.google.com/ Frontend 직접 만들어야 하는 부분으로 일반적인 개발방법을 사용하면 된다. 기본인 html, js 사용가능 react&view 사용가능 인증방법 email, 전화, sns계정 등 선택 가능 Database 저장장치 Hosting
-
url 구조WebService 2023. 1. 20. 13:35
URL의 구조 속성: 설명 hostname: 도메인을 의미. ex: localhost:8080 path(/): 도메인 뒤의 경로를 가리키며 대부분의 URL은 hostname과 path로 이루어지게 된다. ex: /mypage1 query parameter(?): path 끝의 "?"문자열 이후 부터 parameter의 key=value 형태로 이루어진 값이다. 여러 개가 필요할 때 &로 구분한다. ex: path?id=admin&filter=123 fragment(#): 해시 또는 앵커라고도 부른다. 특정 ID를 링크로 걸거나 페이지의 state를 나타내기 위해 주로 사용한다.
-
NginX (엔진엑스)WebService 2023. 1. 12. 15:56
web server 소프트웨어로, 가볍고 높은 성능을 목표로 한다. 웹 서버, 리버스 프록시 및 메일 프록시 기능을 가진다. 2002년에 러시아의 프로그래머 이고르 시쇼브(Igor Sysoev)가 Apache HTTPd를 작업하다가 10,000개 이상의 소켓을 열면, 하드웨어 성능이 충분함에도 불구하고 I/O 처리 방식의 문제 때문에 프로세스가 제대로 처리하지 못하는 것을 발견하고 이를 해결하면서 NginX가 탄생하였다. Nginx는 요청에 응답하기 위해 비동기 이벤트 기반 구조를 가진다. Apache HTTP 처리는 서버의 스레드/프로세스 기반 구조를 가지는 것과는 대조적이다. 이러한 구조는 서버에 많은 부하가 생길 경우의 성능을 예측하기 쉽게 해준다. https://www.lesstif.com/sys..
-
Jsp(Java Server Pages)WebService 2023. 1. 11. 11:20
Web 개발 개요 Servlet (Java Web Server) Jsp(Java Server Pages) Servlet를 보완하고 기술을 확장한 것으로 script방식으로 컴파일이 필요 없다. Servlet의 대부분 기능을 포함하고 추가적인 기능을 가진 범위다. 그러나 장점만 있지는 않기에 둘다 혼용해서 사용한다. Jsp는 주료 보여지는(view)영역에서의 구현이 유리하기에 Servlet과 같이 사용할 경우 View는 Jsp, Controller는 Servlet가 담당하는 구조가 된다. Jsp는 Serlet의 사용을 통해 웹페이지의 내용이나 모양을 제어하는 기술에 집중 된다. 자바의 개발자인 썬마이크로시스템즈에서는 JSP 기술이 서블릿 API라고 말하고 있다.(마이크로소프트의 ASP와 유사한 영역이라 볼..