오늘은 도메인단축 IT 독서 챌린지 4일차입니다~챌린지 도서는 아는 만큼 보이는 IT 지식 입니다~​점점 책을 읽고 정리하는 시간이 늦어지고 있습니다. 챌린지 시작한지 4일만에 약발이 떨어지는 중...다시 작심삼일을 끌어올려야 될 때네요~​​​​우리가 자주 보는 유튜브, 웹툰 등은 인터넷을 기반으로 동작하는 서비스입니다. 이러한 서비스는 웹에 접속해 바로 사용할 수 있고, 앱을 설치해 앱을 통해 사용할 수도 있습니다. 사용자 입장에서는 서비스를 이용할 때 웹과 앱을 따로 구분할 필요가 없지만, IT분야에 종사하면서 개발자와 도메인단축 소통하는 실무자라면 웹과 앱을 구분하고 각각의 특징을 알고 소통하는 것이 매우 중요하답니다. ​​​인터넷웹-TCP/IP 모델을 기반으로 전 세계의 컴퓨터가 연결된 네트워크-수많은 컴퓨터가 그물망처럼 이어진 고속도로와 같음-월드 와이드 웹을 줄여서 부르는 말-인터넷에 연결된 사용자끼리 서로 정보를 주고받을 수 있는 공간-고속도로를 통해 갈 수 있는 목적지와 같음-고속도로를 통행할 때 지켜야 할 교통 규칙이 HTTP 라면,-검증된 차량만 통과하도록 보안 규정을 강화한 교통 규칙은 HTTPS라고 볼 수 있음웹 페이지​웹 사이트웹 도메인단축 페이지들의 묶음​​웹에서 상품을 홍보하고 블로그와 커뮤니티 게시판에서 데이터를 주고받기 시작한 것은 인터넷이 등장하고도 시간이 꽤 흐른 후의 일입니다.시대의 흐름에 따라 웹이 어떻게 발전해왔는지 살펴봅시다~​웹 1.0웹 2.0웹 3.0 (1990년대 초~2000년대 초)(2000년대 중반~현재)(현재~)콘텐츠 생산자와 소비자가 구분되어 있었고, 생산자가 만든 콘텐츠를 소비자는 읽기(read)만 하던 시대소비자가 콘텐츠를 쓰기(write) 시작하면서 정보를 공유하게 된 시대-읽기, 쓰기가 가능할 뿐만 아니라 데이터의 소유권이 보장되는 시대-인공지능과 블록체인 기술을 기반으로 소비자에게 맞춤형 정보 제공-시맨틱 웹(semantic 도메인단축 web) : 사람이 이해하는 정보를 컴퓨터도 이해해 챗GPT처럼 필요한 정보를 알아서 수집·정제하는 웹​웹은 정보를 공유하는 공간이며, 웹 뒤에 붙는 1.0, 2.0, 3.0과 같은 숫자는 사용자의 행동 패턴이 어떻게 바뀌느냐에 따라 달라진다. 그러나 웹이 발전해도 프론트엔드 개발자와 백엔드 개발자가 하는 업무는 변하지 않는다. 시대가 요구하는 바에 따라 기능이 추가될 뿐이다.​반응형 웹 (responsive web)대상 기기 웹 브라우저의 가로 크기에 따라 디자인 레이아웃이 바뀌는 웹 페이지​프론트엔드 개발의 개념에서 도메인단축 웹 페이지를 개발할 때는-HTML로 웹 페이지의 전체 레이아웃을 잡고 내용을 넣은 후-CSS로 웹 페이지의 배경색, 글자 크기나 색상 등을 꾸미고 (웹 페이지에 디자인을 입히는 역할)-자바스크립트로 사용자가 동적인 행동을 할 수 있도록 구현한다.​​반응형 웹을 구현할 때는 코드가 복잡해질 수 있음을 이해하고체계적인 코드 작성과 철저한 테스트로 문제를 최소화하는 것이 중요하다.앱 (app)-애플리케이션(application)의 줄인 말-스마트폰 뿐만 아니라 데스크톱, 노트북, 태블릿 등에서 아이콘을 클릭해 실행하는 모든 프로그램-웹 앱 : 웹 도메인단축 개발언어(HTML, CSS, 자바스크립트)로 만들어 웹 브라우저를 통해 실행하는 앱-모바일 앱 : 안드로이드나 iOS처럼 특정 모바일 기기에 맞게 만들어 실행하는 앱​​웹 앱 (web app)-웹 개발언어(HTML, CSS, 자바스크립트)로 웹 페이지를 개발한 후 웹 브라우저 같은 실행 프로그램으로 접속하게 만든 것-데스크톱용 웹 앱-모바일용 웹 앱-PWA(Progressive Web Apps) : 웹 앱의 발전된 형태, 컴퓨터에 설치 가능한 앱의 형태로 웹 사이트에 접속할 수 있게 만든 것​모바일 앱​​ (mobile app)스마트폰이나 태블릿 도메인단축 등 휴대용 기기에 설치해 사용하는 앱장점단점1) 다양한 서비스 제공2) 좋은 사용자 경험 제공3) 고객 이탈 최소화4) 수익 극대화1) 설치하기까지의 진입 장벽2) 비싼 제작 비용​네이티브 앱 (native app)-모바일 플랫폼은 안드로이드와 iOS로 나뉘고 각각의 네이트브 언어를 사용해 개발한 앱-안드로이드 앱을 개발하는 데 사용되는 네이티브 언어 : 자바(Java), 코틀린(Kotlin)-iOS 앱을 개발하는 데 사용되는 네이티브 언어 : 스위프트(Swift)​하이브리드 앱 (hybrid app)-하나의 프로그래밍 언어로 안드로이드와 iOS에서 모두 돌아가게 만든 앱-크로스 도메인단축 플랫폼 개발(cross platform development) : 다른 컴퓨터나 운영체제 등 플랫폼을 교차해도 정상적으로 동작하는 앱을 개발한다는 뜻​​하이브리드 앱을 개발하면 개발 시간과 비용을 단축할 수 있을 것 같지만 호환성을 맞추는 작업이 필요하다.하이브리드 앱은 한 가지 프로그래밍 언어의 코드로 작성되기 때문에 안드로이드에서는 동작하지만 iOS에서는 동작하지 않는 일이 발생할 수도 있다.네이티브 앱 개발과 하이브리드 앱 개발의 장단점을 따져보고 자신이 처한 상황에 적합한 개발 방식을 결정하는 것이 좋다!!​​​​​​​​​#IT #IT지식 #웹 도메인단축 #반응형웹 #웹앱 #앱 #네이티브앱 #하이브리드앱