개발자와 커뮤니케이션

개발자들의 용어 정리 8 [자바스크립트, 웹표준, 반응형+적응형]

프로테크 2022. 12. 8. 23:59

자바스크립트

통상 웹 사이트에서 동적인 기능을 구현하는데 쓰는 프로그래밍 언어가 바로 자바스크립트다.

 

HTML로 구조물을 가져다 놓고, CSS로 꾸며놓고, 자바스크립트로 일을 시킨다는 개념으로 접근하면 이해가 쉬울 것이다.

 

 

웹 표준

인터넷 익스플로러를 제외한 나머지 브라우저들이 웹 표준을 발족하고 그에 맞게끔 개발하였다.

 

현재는 웹 표준을 따르지 않는 인터넷 익스플로러는 사양길을 걷고 있다.

 

액티브 X의 악명을 아는 사람들이라면야..

 

2022년 06월 부터 익스플로러는 사용할 수 없는 브라우저로 보면 된다.

 

 

반응형 Vs 적응형

반응형 웹은 페이지 내 요소들을 신축성 있게 만들어 어떤 기기서 접속하여도 화면을 알맞게 자동으로 조정하는 웹사이트

 

들이다.

 

 

각 웹 페이지를 하나씩만 만들 되, 메뉴나 본문 영역, 메인 이미지등 같은 콘텐츠들의 모습을 기기에 따라 능동적으로

 

대응할 수 있게끔 CSS와 자바스크립트로 프로그래밍하면 끝이다.

 

예전에는 상상도 못하던 일이다.

 

 

화면 크기에 따라 검색 창이나 긴 서브 메뉴, 손가락으로 터치하기 너무 작은 버튼들 등은 아무리 반응형 웹으로 만든다고

 

해도 컴팩트한 기기에서는 표현이 다소 아쉬울 수 있다.

 

 

그래서 이를 좀 더 가용성 있게 만든 것이 적응형 웹이다.

 

화면 크기에 따라 PC용과 모바일용 웹사이트를 따로 만드는 것으로

 

어떤 기기에서 접속하느냐에 따라 PC용이냐 모바일용이냐로 나눠서 접속하게끔 만들어주는 것이다.

 

 

통상 간단한 기능의 웹 페이지라면 반응형 웹으로 만들고,

 

복잡한 기능을 가진 웹 페이지라면 적응형 웹으로 따로따로 만드는 게 더 효율적이다.

 

이유는 반응형 웹으로 복잡한 기능을 구현하다보면 기기에 따라 고려해야 될 변수가 너무 많기 때문이다.

 

그렇기 때문에 초기 설계시 소프트웨어 아키텍처는 이를 치밀하게 계산하여 반영하여야

 

추후 있을지도 모르는 유지보수에서의 비용을 세이브할 수 있다.