WAI-WARA , WAS, On-Premise, UI / UX

웹 표준:

1. 문서 구조 ('head','body') 잘 포함해야함

2. 표준 엘리먼트 사용: 시작 태그와 종료 태그가 잘 중첩 되어있음, 모든 요소와 속성이 소문자여야 함

3. 인코딩 선언이 utf-8로 기본 인코딩. 

 

웹 접근성 :

1. 인식의 용이성: 대체 텍스트 제공 필수

2. 키보드만으로도 사용 가능해야함.

3. 이해가 용이하게 되어야 함 (label 사용), 만약 label을 사용할 수 없다면, title을 제공.

 

 

WAI-WARA : Web Accessibility Initiative - Accessible Rich Internet Applications

WAI는 W3C에서 웹 접근성, ARIA는 RIA 환경의 웹 접근성. 

(W3C: 월드 와이드 웹 컨소시엄, 웹의 지속적 성장을 위함, RIA는 웹의 장점을 유지, 웹의 단점 (늦은 응답 속도, 불편한 조작성 등)을 개선시키기  위함.)

 

리액트, vue.js와 같은 라이브러리에서 문제가 생길 수 있음. 장애인들이 크롤링을 할 때, checkbox와 같은 input type을 파악하지 못하고, div밖에 못 찾을 수도 있음. 

 

 

 

 

---

 

Web Server: http 프로토콜을 기반으로 하여 클라이언트의 요청을 서비스.

1. 정적인 컨텐츠 제공: WAS를 거치지 않고 제공.

2. 동적인 컨텐츠 제공: 클라이언트의 Request를 WAS에게, WAS가 처리한 결과를 클라이언트에게 전달.

Apache, Nginx 등의 서버가 있다.

 

WAS (Web Application Server):

DB 조회, 다양한 로직 처리를 요구하는 동적인 컨텐츠 제공을 위해 만들어짐.

http를 통해 컴퓨터나 장치에 앱을 수행해주는 미들웨어. (Web Container 라고도 불림

 즉, Web Server와 Web Container의 역할을 동시에 함.

Tomcat, JBoss, Jeus 등 있음.

 

Client-> 웹 서버에게 파일 요청 -> WAS -> DB -> WAS -> 웹 서버 -> 클라이언트에게 파일 제공

 

웹 서버와 WAS를 함께 사용하면서 업무를 분담, 로드 밸런싱 할 수 있음. 또한 보안 측면에서 WAS를 외부에 노출하지 않음 (Reverse Proxy).

 

On-Premise: 클라우드처럼 원격 환경이 아닌 자체적으로 서버를 설치하여 운영하는 방식

 

---

 

UI: User Interface : 소프트웨어, 기기의 화면. 사용자와의 접점.

UX: User Experience : 정보 사용자의 경험

밀접하게 연관 되어있음, 모두 고려되어야함.