전체 글 42

꾸밀 때 자주 쓰는 CSS 모음 (부트스트랩 버튼 바로가기)

HTML 의 구조 : head와 bodyhead : 속성 정보 → meta, script, style, link, title body : 페이지 내용 → span, img, input, textarea      하나의 묶음 처럼 생각하자. 박스안에 한 묶음. div 묶음을 이동하면 안의 내용물 함께 이동, 색을 바꾸면 같이 바뀜. CSS  : 꾸미기를 위해 어떤 것을 꾸밀 것인지 대상을 지칭해야 함.head 안에 class="mytitle"> 나만의 추억앨범 추억 저장하기 class="mypostingbox"> class="form-floating mb-3"> type="email" class="form-control" id="floatingInput" placeholder="앨범 이미지"..

HTML의 작동원리 (visual studio code 단축키)

웹 브라우저 작동 원리 브라우저란 무엇일까.입력된 주소의 값에 대응되는 서버에서 준비된 정보를 받아와 사용자의 데스크탑, 모바일 장치(스마트폰, 테블릿 PC 등)에 그려줌.요청을 보낸 값을 받아서 그려줌.클라이언트와 서버브라우저를 요청하는 클라이언트(사용자의 브라우저)와 브라우저를 보내주는 서버HTML, CSS, JSHTML : 뼈대, CSS : 꾸미기, JS : 움직이게 함API서버가 만들어 놓은 창구 - 요청을 받으면 바로 보내줌. (주소 입력 후 엔터)ex) https://www.google.com/ google.com 이라는 이름의 서버에 있는 "/ "라는 주소 창구에 요청을 보낸 것.여기에 대답으로 구글 홈에 해당하는 HTML 파일을 보내준다.→ 브라우저에 주소 입력 - API 로 요청을 보냄 ..