본문 바로가기
728x90
반응형

📌 Web5

[Web] 웹접근성 자동점검도구 카도와(K-WAH) 사용법 📌 카도와 K-WAH (Korea Web Accessibility Helper)웹 접근성 연구소에서 만든 웹 접근성 자동점검도구한국형 웹 콘텐츠 접근성 지침 2.0에 따라 웹사이트(웹페이지)가 접근성 지침의 6개 세부지침을 준수하는지를 자동 점검하도록 지원해 주는 소프트웨어대체텍스트 제공제목 제공기본언어 명시사용자 요구에 따른 새창 열기레이블 제공마크업 오류 방지🗂️ K-WAH 설치✅ KWAH4.exe 실행  ⚙️ K-WAH 프로그램 실행1. 설정 ▶ 점검 설정 열기프로젝트 저장경로 설정 합니다.   2. 파일 ▶ 새로 만들기 ▶ 프로젝트프로젝트명 / 해당 URL 경로 / 옵션 수집페이지수 0 / 설정 합니다.   3. 보고서 ▶ 프로젝트 보고서 / 수집 URL 목록웹 접근성 자동점검 보고서 확인할 .. 2025. 1. 6.
[API] REST API 및 URL 요청 테스트 도구 - Ping(핑), Postman(포스트맨), Wireshark(와이어샤크) 📌 API 통신 연결 테스트API 개발 시, 가장 먼저 API 요청 URL이 정상적으로 연결되는지 확인하는 것이 중요합니다.이후, 요청 데이터 형식에 맞춰 지정된 URL로 요청을 보내고, 응답을 제대로 받아오는지 확인해야 합니다. Ping(핑), Postman(포스트맨), Wireshark(와이어샤크) 사용하여 API 통신 테스트 하는 방법에 대해 설명드리겠습니다. PingAPI 서버와 내 컴퓨터 간의 네트워크 연결 상태를 확인하고, 응답 시간과 연결 가능 여부를 파악하는데 사용Postman다양한 메소드로 API 요청을 보내고, 파라미터와 헤더 설정 후  응답을 빠르게 확인할 수 있는 테스트 도구Wireshark네트워크 패킷을 분석하여 API 요청과 응답이 올바르게 전송되는지 확인하고,  문제 원인을 .. 2024. 10. 21.
[Web] 웹 개발 리소스 모음 - 색상, 디자인, 애니메이션, SVG, 파비콘, ASCII, 캡처 도구 📌 웹 개발 리소스 모음 프론트엔드 개발에 필요한 다양한 웹 디자인 및 개발 리소스를 한 곳에 모았습니다. 색상, 디자인, 애니메이션, SVG, 파비콘, ASCII 아트, 캡처 도구 등각 카테고리는 프론트엔드 개발 과정에서 유용한 자료와 도구를 제공합니다.  디자인 및 색상 도구 애니메이션 도구 SVG 도구 파비콘 도구 ASCII Art 도구 웹페이지 캡처 도구 🎨 디자인 및 색상 🌈 색상 팔레트Adobe Color Wheel (색상 휠)Coolors (색상 생성기)Adobe Color Contrast Analyzer (대비 분석기)Material Design Colors (구글 머티리얼 색상)FFFuel (색상 팔레트)Khroma (색상 조화 툴)MyColor.space (색상 선택기)De.. 2024. 10. 16.
[Web] 웹 브라우저의 동작원리 웹 트래픽 분석사이트 StatCounter의 브라우저 통계 따르면 최근 1년간 Chrome 브라우저의 점유율이 65%안팎으로 확인된다.나는 이 크롬 브라우저를 주로 사용하는데 동작 원리를 제대로 알고있지 않은 것 같아 이 글로 웹 브라우저의 동작원리에 대해 정리를 해보고자한다.웹 브라우저와 웹 서버의 통신과정브라우저의 주요 기능은 사용자가 자원을 서버에 요청하고 요청한 자원을 브라우저에 표시하는 것이다.웹 브라우저에 URL을 입력하면 웹 서버라 불리는 프로그램이 웹 브라우저에 웹 페이지를 제공한다.웹 브라우저가 웹서버에 웹 페이지를 달라고 하는것 : 요청(request)요청한 웹 페이지를 웹 브라우저에 제공하는 것 : 응답(response)보통 웹 브라우저와 웹 서버는 다른 컴퓨터에 위치한다. 웹 서버가.. 2023. 3. 10.
[Web] 브라우저의 구조와 동작 방식 브라우저 주요 기능사용자가 선택한 자원을 서버에 요청, 브라우저에 표시자원은 html문서, pdf, image 등 다양한 형태자원의 주소는 URI에 의해 정해짐 브라우저는 html과 css명세에 따라 html파일을 해석해서 표시한다. 이 '명세'는 웹 표준화 기구인 W3C(World wide web Consortium)에서 정해짐예전 브라우저들은 일부만 명세에 따라 구현하고 독자적 방법으로 확자했다.(결국 심각한 호환성 문제 발생 그래서 요즘은 대부분 모두 표준 명세를 따른다.) 브라우저가 가진 인터페이스는 보통 비슷비슷한 요소들이 존재시간이 지나면서, 사용자에게 필요한 서비들로 서로 모방하며 갖춰지게 된것URI 입력하는 주소 표시 줄이전 버튼, 다음 버튼북마크(즐겨찾기)새로 고침 버튼홈 버튼브라우저 기.. 2023. 3. 7.
728x90
반응형