WEB
-
모든 웹은 APIWEB 2023. 9. 30. 14:39
API ⌨️ 웹 API는 웹 서버와 웹 브라우저 간의 애플리케이션 처리 인터페이스를 의미한다. 모든 웹 서비스는 API 이지만 모든 API가 웹 서비스는 아닌데 이는 API가 월드 와이드 웹 이전에 만들어졌기 때문에 JAVA API, 서비스 API 등 API 에 대한 다양한 용어가 존재한다. API는 정의 자체로도 추상적이고, 동시에 다양한 해석이 가능해 처음 API를 접한다면 이해가 어려운데 간단히 표현하자면, API는 요청과 응답의 연속으로 데이터나 기능을 제공한다. 그렇다면 클라이언트는 어떤 방법으로 API를 사용하고 API는 어떻게 웹 서버에 요청을 전달 할 수 있을까? 정답은 정의된 코드의 실행이다. API와 UI 관계 ⌨️ 누구나 웹 브라우저의 주소창을 통해 API 요청을 작성하고 전달해 코드..
-
동적인 웹의 첫 걸음 REST APIWEB 2023. 9. 30. 14:38
REST API ⌨️ 모든 웹은 API 포스트를 통해 API가 어떤 역할을 하는지 배울 수 있었고 추가로 최신 웹은 REST API로 구성되어 동작하고 있다는걸 간단하게 알아보았는데, API면 API지 Representational State Transfer API 라는 건 도대체 뭘까? 여러 블로그를 찾아보고 생각을 종합해 보니 REST API는클라이언트와 서버 간에 데이터를 주고, 받을 때 사용하는 규칙으로 큰 틀에서 봤을 때 API가 갖는 특성과 일치한다. 이왕 웹 사이트를 만들고 데이터를 주고받을 거 정해진 규칙 대로 잘 만들어 잘 쓰자는 게 목표인데 여기에 REST를 더 해 어떻게 잘 만들고 어떻게 잘 쓸지를 상세하게 정의한 API TODO 리스트라고 생각 할 수 있겠다. RESTful하지 못하..
-
Browser RenderingWEB 2023. 9. 30. 14:38
개념 브라우저 렌더링이란 브라우저가 서버로부터 요청해 받은 내용을 브라우저 화면(VIEW)에 표시해주는 작업을 말한다. 즉 브라우저가 서버로부터 HTML, CSS, JavaScript 문서를 전달 받아 브라우저 엔진이 각 문서를 해석해 브라우저 화면을 구성한다. 브라우저 렌더링은 크게 클라이언트 사이드 렌더링 방식과 서버 사이드 렌더링 방식으로 나눌 수 있다. 📌 검색 엔진 최적화 (SEO) 검색 엔진 결과 페이지에서 웹 사이트 또는 웹 페이지의 상위 노출도를 높이는 작업을 의미한다. 구글, 네이버 등 각 브라우저의 검색 엔진의 특성에 따라 차이가 발생 할 수 있다. 메타 태그를 적절히 설정 하는것으로 효율을 높힐 수 있다. 오픈 그래프(Open Graph) 태그를 적절히 설정하는것으로 효율을 높힐 수 ..