웹 기술과 보안

🔷 HTML, HTTP

• HTML 로 작성한 웹페이지를 웹브라우저로 열몀ㄴ 지정한 문서 구조로 표시 된다

• 웹부라우저와 웹 서버의 파일 교환에 HTTP 가 사용된다

🔶 표시 내용을 태그로 감싸 기술하는 HTML

🔶 웹 사이트 열람에 사용되는 프로토콜

🔷 Cookie, Session

• HTTP 로 통신하는 웹브라우저가 동일한 이용자임을 웹서버 쪽에서 확인하기 위해 쿠키가 사용된다

• 쿠키 이외에도 같은 사용자르 ㄹ식별하는 여러 가지 방법이 있지만, 위장을 방지하기 위한 대책이 필요하다

🔶 같은 단말기의 접속을 식별하는 기술

🔶 같은 이용자의 접속을 관리한다

🔷 Static, Dynamic website, CGI

• 정적 웹사이트에서는 누가 접속해도 같은 내용이 표시되는 반면, 동적 웹사이트에서는 이용자의 입력 내용 등에 따라 표시되는 내용이 달라진다

• 웹앱을 실행할때 예전에는 CGI 가 많이 사용되었으나, 최근에는 웹서버 내의 프로세스로 실행하는 방법이 늘고 있다

🔶 이용자에 따라 표시할 내용을 변화시킨다

🔶 웹앱과의 인터페이스

🔷 MVC, MVVM

• 웹앱 개발 등에서 MVC 등을 사용함으로써 분업이 명확해지고 개발 효율 향상을 기대할 수 있다

• MVC 와 마찬가지로 역활을 나눈는 방법으로서 MVVM 이나 MVP 가 있다

🔶 소스코드를 역활에 따라 분할한다

🔶 MVVM, MVP

🔷 DOM, Ajax

• 웹브라우저에서 HTML 의 요소를 조직하기 위해, JS로 DOM 을 다루는 방법이 자주 사용된다

• 웹서버와 비동기로 통신하여 페이지 내용을 동적으로 변경하는 기법으로 Ajax 라고 하고, 이 기술을 이용함으로써 사용자 경험이 향상된다

🔶 트리 구조로 프로그램에서 HTML 의 요소를 다룬다

🔶 비동기로 웹서버와 통신한다

🔷 CSV, XML, JSON, YAML

• 데이터를 텍스트 형식으로 저장할 때의 포맥으로 CSV 나 XML, JSON 등이 있다

• 데이터가 올바르게 표기되어 있는지를 검증하는 툴로 lint 가 있다

🔶 HTML 처럼 태그로 감싸는 표현 방법

🔶 프로그램으로 처리하기 쉬운 표현 방법

🔶 들여쓰기를 사용하는 표현 방법

🔷 SQL, DBMS

• 데이터베이스를 사용함으로써 데이터 관리를 DBMS 에 맡길 수 있으며, 정합성을 유지한 상태로 안전하게 보존할 수 있다

• 데이터베이스는 SQL 이라고 하는 프로그래밍 언어로 조작한다

🔶 정합성을 유지한 상태로 데이터를 관리한다

🔶 데이터 조작뿐만 아니라 저장할 테이블 등을 정의하다

🔶 정합성을 확보한다

🔷 동시실행제어, 베타제어, 트랜젝션, 데드락

• 여러 사람이 동시에 같은 데이터를 갱신하려고 해도, 데이터의 정합성을 확보할 수 있는 기능이 데이터베이스에는 준비되어 있다

• 여러 처리 동시에 갱신하려고 해서, 어느 쪽도 처리할 수 없는 상황을 데드락이라고 한다

🔶 다른 사람이 동시에 같은 파일을 사용할 수 없게 한다

🔶 업데이트를 한꺼번에 처리한다

🔷 API, 시스템 콜, 매쉬업

• API 를 사용함으로써 소프트웨어 간에 데이터 교환이 가능해진다

• 매쉬업해서 서비스르 ㄹ제공하면 이용자 편의성이 높아진다

🔶 소프트웨어의 인터페이스

🔶 하드웨어의 기능을 호출한다

🔶 여러 서비스를 조합한다

🔷

---

Reference

그림으로 배우는 프로그래밍 구조 - https://book.jacobko.info/#/book/8931465599