웹 개념

웹의 4가지 이슈

• HTML, CSS, JavaScript
• 브라우저
• 반응형 웹
• 하이브리드 애플리케이션

 

 

 

HTML, CSS, JavaScript

---

HTML은 팀 버너스리가 만들었다

생활코딩에서도 나온 내용이다

 

HTML과 CSS를 합쳐 퍼블리싱 작업이라 표현한다

이걸 하는 사람을 퍼블리셔라고하고, 마크업이라고도 한다

 

웹의 특징

HTML, CSS, JavaScript의 완성본은 모두 서버에 있다

우리가 홈페이지에 접속해

우리 컴퓨터에 있는 HTML, CSS, JavaScript는 모두 사본이다

 

 

웹과 앱의 차이는 새로고침이다

앱은 버전변경을 하려면 업데이트를 해야하고

심사도 필요하다

그 업데이트된 결과를 유저가 다운로드해야 변화가 반영된다

 

하지만 웹은 서버의 원본만 바꾸면 된다

그러면 새로고침할때 바뀐 HTML, CSS, JavaScript, 이미지 등등의 파일이

다시 다운로드된다

새로고침만하면 자동반영된다

새로고침은 나갔다 들어오는 행위, 다른페이지를 갔다가 돌아오는 행위,

탭을 껐다 키는 행위가 모두 포함된다

 

 

웹의 장점 : 수정 용이

단점 : 네트워크의 영향을 크게 받는다

 

앱의 장점 : 네트워크의 영향이 적다

단점 : 수정이 번거롭다

 

---

 

 

 

 

 

브라우저

---

브라우저는 웹사이트를 접속할때 사용하는 애플리케이션이다

크롬, 익스플로러, 파이어폭스 등등의 우리가 잘 아는 브라우저는

하드웨어에 설치 후에 사용하기때문에 애플리케이션이다

애플리케이션은 사용하는 사람들에 따라서 버전이 다를 수 있다

각 브라우저는 서로 다른 애플리케이션이기때문에

브라우저에 따라 그안의 구현방식이 다르다

 

HTML, CSS, JavaScript의 특정 기능이 버전별로, 브라우저별로

작동할수도 있고 작동하지 않을수도 있다

따라서 웹 프론트 개발자는 소비자의 브라우저 버전과

종류에 맞춰 정상적으로 동작할 수 있도록

추가로 코드 작성을 해야한다

이 문제를 브라우저 버전의 파편화라고 부르고,

문제해결을 위한 코딩을 파편화를 잡는다고 표현한다.

---

 

 

 

 

반응형 웹

---

 

반응형 웹

-브라우저의 가로 넓이에 반응하여 구성요소가 변하는 기술(모바일)

반응형으로 웹을 만들면 작업 시간이 오래 걸리고

비용이 더 많이 들어가게 된다

 

 

---

 

 

 

 

 

하이브리드 애플리케이션

---

 

애플리케이션을 만들기위한 3가지 방법

 

 

 

 

1. 네이티브 애플리케이션

(ex 안드로이드 프로그램을 개발하기 위해 자바, 코틀린 사용)

 

 

2. 모바일 웹 앱

 

 

3. 하이브리드 애플리케이션

애플리케이션의 특정부분에 브라우저를 올리는 방식

이렇게 만들면 서버에 있는 원본 HTML, CSS, JavaScript를 수정하면 바뀐다

 

 

네이티브는 운영체제별로 다른 프로그래밍 언어를 통해

수정한 뒤 심사를 신청해야한다

심사신청 뒤에도 사람들이 바뀐 애플리케이션으로 업데이트해야한다

시간이 오래걸리고 까다롭다

하지만 잘 만든 애플리케이션은 사용성이 좋다

 

반면에

하이브리드 애플리케이션은 수정이 편하다

서버의 HTML, CSS, JavaScript만 수정하면 새로고침할때 반영된다

단점은 네트워크에 종속되어

네트워크가 느리면 느리게 뜬다

 

 

---