lyla-bae 님의 블로그

2025.10.30 - [HTML] - 구름 딥다이브 프론트엔드 2일차 - 웹접근성2025.10.30 - [HTML] - 구름 딥다이브 프론트엔드 2일차 - 웹브라우저 렌더링과정 👈이전 포스트에 뒤이어 웹브라우저 렌더링과정에 대해 알아보고자 한다렌더링 이라고 하면 좀 어려울수있으니까 동작 과정이라고 하겠다.예시로 아까처럼 쿠팡을 들어보자나는 쿠팡에 들어가려고 하는 유저다.1. 내가(=클라이언트) 쿠팡 주소를 검색창(브라우저)에 입력해 엔터를 친다.2. DNS에서 www.coupang.com 이라는 도메인(이름)을 찾아 IP주소로 변경한다. - 마치 전화를 하려는데 전화번호부를 찾는것과 같다.3. 서버에서 HTTP을 요청(Reqeust)해 나에게 쿠팡웹사이트을 응답(Response)할 준비를 한다.- ..

오늘은 구름 2일차수업!웹접근성과 웹브라우저 렌더링과정에 대해 배우는시간이였다.내용이 길어질거같아 포스트 2개로 나눠서 작성해보고자 한다! 2025.10.30 - [HTML] - 구름 딥다이브 프론트엔드 2일차 - 웹접근성 👈2025.10.30 - [HTML] - 구름 딥다이브 프론트엔드 2일차 - 웹브라우저 렌더링과정배운내용1. 시맨틱 마크업...는 어제도 언급했지만 SEO 최적화를 위해 HTML 태그에 의미를 담은 태그를 말한다.이 시맨틱 태그 구성은 답은 없고 개인스타일마다 다를수있다. 2. 웹표준크롬,사파리,파이어폭스 등 많은 브라우저들이 있는데 동일한 결과물을 낼수있게 규격화시킨것을 말한다. 3. 웹접근성웹사이트에서 제공하는 정보를 신체,환경에 관계없이 모두가 동등하게 볼수있도록 보장하는 것..

구름 딥다이브 프론트엔드 과정 1일차!오늘 첫번째 시간으로 언제나 그렇듯이 시작은 HTML 수업이였다! 배운내용1. HTML 기본구조 - 이건 너무 잘알기에.....따로 적어야할까...?✨ 2. 시맨틱 태그- 대부분 잘알고있다고 생각했지만 강사님께서 올려주신 아티클을 보고 아차싶었다. 예전에 실무할때도 input타입에 button을 쓰는사람이 있고, button태그를 쓰는 사람이 있는 등 제각각 이였는데button태그를 쓰는것과 동시에 타입에 button 쓰는것도 잊지말아야겠다!https://nykim.work/96 버튼에 타입을 쓰는 이유 (button type="button")프롤로그 가끔 이렇게 type을 명시한 버튼을 마주칠 때가 있는데 전 항상 궁금하더라구요. "아니 버튼이면 버튼이지 버튼 타..