개발공부_Blog/Web5 PWA설치 및 기본 설정 PWA의 설치 PWA는 처음 웹에서 설치를 하게 된다.PWA가 기기에 설치되면 다른 앱처럼 운영체제에서 직접 실행할 수 있는 플랫폼 앱으로 사용자에게 표시된다. 이는 모바일 기기에 앱 아이콘이 표시되며, 브라우저 웹 사이트에서 동작하는 것이 아니라독립형 앱으로 실행할 수 있다는 뜻이다. 웹 사이트의 ‘북마크(즐겨찾기)’와 ‘홈 화면에 추가’와 ‘앱 설치’는 각각 다르다.‘홈 화면에 추가’기능은 북마크와 유사하지만, 페이지의 파비콘이 OS의 홈 화면의 아이콘으로 추가된다.하지만 PWA를 설치하게 되면 홈 화면에 URL을 추가하는 것 이상의 기능을 얻을 수 있다. PWA를 설치하려면 manifest.json파일과 service_worker.js를 통해 설정을 해 주어야 한다.그래야 PWA는 브라우저( Chr.. 2024. 12. 10. Web-app과 PWA Web개발을 한다, App개발을 한다.요즘은 pc보다는 mobile기기의 사용이 대부분이기 때문에 pc중심의 개발보다는 mobile에 맞춰 web app이라는 형태의 개발 방식을 채택한다. 그래서 우리가 개발을 할 때에는 web에서 동작하는 web app개발 혹은 application방식으로 동작하는 native app개발로 나눠 개발하게 된다. 프로그램이 동작하는 환경은 크게 두 가지로 나눌 수 있다.WebApplicationWeb은 브라우저를 통해 접근할 수 있으며, 인터넷 연결만 있으면 어디서든 접근 가능하다. 웹은 HTML, CSS, JavaScript를 기반으로 구성되어 프로그램을 실행한다. 웹을 기반으로 하는 프로그램은 모든 웹 브라우저에서 동작하므로 플랫폼에 상관없이 동일한 경험을 할 수 .. 2024. 12. 10. HTTP란 😎HTTP란 HTTP는 웹 브라우저가 웹 서버로부터 리소스를 요청/응답 받기 위한 프로토콜이다. 본문 : https://www.notion.so/fun-blog/HTTP-649695ea89b545cd8dc71b9319cdd6aa 웹브라우저와 서버의 데이터 전송과정 웹은 여러 계층의 스택 구조로 이루어져 있다. 때문에 웹 브라우저의 HTTP 요청이 웹 서버에 도착하기까지 많은 컴퓨터와 머신 사이를 지나간다. 웹 브라우저는 사용자의 요청을 HTTP메세지로 작성한다. 이후 TCP/IP 프로토콜을 사용하여 웹 서버까지 HTTP메세지를 전달하고, 웹 서버에서는 요청을 받아 다시 HTTP응답 메세지를 보낸다. HTTP응답 메세지는 TCP/IP 프로토콜을 통해 웹 브라우저에 전달되고, 브라우저는 HTTP메세지를 해석.. 2023. 11. 28. web browser의 구조와 rendering engine web과 web browser? web은 인터넷에 연결된 정보 공간이다. web browser는 web에 있는 HTML문서 등의 데이터들을 사용자가 볼 수 있고 상호작용 할 수 있도록 도와주는 소프트웨어이다. Google Chrome, Mozilla Firefox, Microsoft Edge, Safari 등이 있다. 사용자의 요청을 받아 web server와 통신할 때 URL과 HTTP를 사용하며, 요청의 결과인 HTML을 받아 사용자에게 보여준다 ⇒ 웹 페이지(사이트)를 보여주거나 웹 서버와 통신하는 역할을 한다. Web browser 구조 Rendering engine 사용자가 화면을 보기까지의 간단한 과정을 설명해보면 web browser가 사용자의 요청을 입력받아 네트워킹으로 HTTP요청을 보낸.. 2023. 11. 26. web은 프론트엔드 개발자에게는 기본이다. 부트캠프로 개발을 처음 접했을 때, 그저 react와 새로운 것을 배우는 것에만 집중했던 것 같다. 하지만 그보다 더 중요한 기본이 있다는 걸 뒤늦게 깨닫게 된다. 프론트엔드 개발자는 web개발을 한다. 나는 생각했다. '그럼 내가 개발하는 web은 뭔데?' web은 뭘까?... 답이라고 할 만한 답변이 나오지 않았다. 공부는 어떤 목적이 있을때 가장 빛을 바라는 것 같다. 무작정 '개발자 될거야' 라며 공부하는 게 아니라, 내가 무엇을 개발할 것인지에 대해 정확히 알고 그 목적에 맞는 공부를 해야 하지 않을까 싶다. Web은 무엇? web은 world wide web과 같은 의미로 인터넷에 연결된 정보공간을 뜻한다. 컴퓨터 과학자인 Tim-berners-Lee가 만들었다. web은 HTTP를 사용해 w.. 2023. 11. 26. 이전 1 다음
