본문 바로가기

Web

(4)
WebSocket으로 web API 만드는게 이점이 있을까? 🍳머리말 우리는 web api만들 때 WebSocket 또는 HTTP로 작성하곤 합니다. 📕설명 📔 websocket으로 web api를 만드는게 무슨 이점이 있니? 📑 실시간 통신 HTTP 요청과 달리 WebSocket은 서버와 클라이언트 간 지속적인 양방향 통신을 지원합니다. 이를 통해 실시간으로 데이터를 전송하고 수신할 수 있습니다. 이는 실시간 채팅, 게임, 주식 시장 등 실시간 정보가 중요한 애플리케이션에서 매우 유용합니다. 📑 감소된 지연 시간 HTTP 요청은 클라이언트에서 요청을 보내고 서버가 응답을 보내는 순간까지 시간이 걸립니다. 이러한 지연 시간은 WebSocket을 사용하면 줄어들 수 있습니다. WebSocket을 사용하면 서버에서 전송되는 데이터를 클라이언트에서 실시간으로 수신할 수..
(HTML) - 웹 접근성 1. 접근성이란? 사전적 의미로는 사용자가 어떠한 제품이나 서비스 등에 접근해 편리하게 이용할 수 있는 정도를 뜻합니다. 2. 웹 접근성이란? 어떠한 사용자가 어떠한 기술환경에서도 전문적인 능력 없이 웹 사이트에서 제공하는 모든 정보에 접근할 수 있도록 보장하는 것. 간단히 정리하면 '모든 사용자가 모든 기기에서 웹에 접근할 수 있도록 하는 것'입니다. 왜 만들기도 힘든데 웹 접근성을 지켜야 할까요 2-1. 첫 번째 이유 : 법 장애인차별금지법 때문입니다. www.law.go.kr/%EB%B2%95%EB%A0%B9/%EC%9E%A5%EC%95%A0%EC%9D%B8%EC%B0%A8%EB%B3%84%EA%B8%88%EC%A7%80%EB%B0%8F%EA%B6%8C%EB%A6%AC%EA%B5%AC%EC%A0%9..
CSS 1. CSS 소개 1.1 Cascading Style Sheets HTML(마크업 언어)을 꾸며주기 위해 존재하는 언어입니다. html이 웹페이지의 정보를 표현한다면, CSS는 html을 보기 좋게 디자인하는 역할입니다. CSS는 HTML과는 독립된 다른 언어지만 마크업 문서가 없다면 표현할 대상이 없기 때문에 HTML과 같이 묶어서 이야기합니다. CSS가 존재하기 때문에 같은 html코드로 짜여진 웹 사이트라도 표현방식 즉, CSS가 다르므로 겉으로 보이는 모습이 각자 달라질 수 있습니다. 2. CSS 문법 2.1 CSS 구문 h1 { color: yellow; font-size:2em; } 선택자(selector) - "h1" 속성(property) - "color" 값(value) - "yellow..
HTML 1. HTML 소개 1.1 Hiper Text Markup language(HTML) Hyper Text : 웹 페이지의 특정 부분과 연결할 수 있는 기능을 가진 텍스트 즉, 링크를 의미합니다. Markup Language : 프로그래밍 언어의 한 종류로 정보를 구조적, 계층적으로 표현 가능하다는 특징이 있습니다. HTML은 파일 확장자로 .html을 쓰며, 그 파일 안에 html 코드를 작성하게 됩니다. 2. HTML 문법 HTML문법은 크게 4가지입니다. 태그(태그, 빈 태그, 중첩태그) 속성 공백 주석 코드를 예시로 들면 다음과 같습니다. 2.1 태그(Tag) 의미 : 무언가를 표시하기 위한 꼬리표, 이름표 특징 : 기호로 표현, 기호 사이에 태그 이름이 들어갑니다. 대부분 태그는 시작 태그와 종료..