꿈소년의 개발 이야기

DAY 5🔖 오늘 읽은 범위 : 🔥01/09(금) 진도표 알림👉🏻공부 내용: 04 웹 문서에 다양한 내용 입력하기(2)👉🏻쪽수: 101~123쪽😃 **기억하고 싶은 내용 (복붙해도 상관없어!)**이미지 삽입하기scrset 속성이미지 용량이 크거나, 해상도에 따라 최적화해서 표시해야 할 때.이미지 정보를 여러 개 알려줘서 이미지를 적절하게 표시하게 함.사용 조건 : 너비와 화면 픽셀 비율w 서술자 : “파일 이름 너비” 형식. ex) small.png 500w, large.png 1000wx 서술자 : 장치의 픽셀 비율. ex) sky-1.png 1x, sky-2.png 2x💡픽셀 비율 값 알아내기~~www.mydevice.io → 2026년 1월 9일 기준으로 동작하지 않음.~~“추가로 알..

DAY 4🔖 오늘 읽은 범위 :🔥01/08(목) 진도표 알림👉🏻공부 내용: 04 웹 문서에 다양한 내용 입력하기👉🏻쪽수: 81~106쪽😃 **기억하고 싶은 내용 (복붙해도 상관없어!)**다양한 HTML 태그 익히기텍스트 입력하기제목을 나타낸다. 태그범위 : ~ 💡웹 접근성 고려 태그는 한 페이지에 1개만 사용한다.제목은 h1 부터 h6 까지 순서대로 사용한다.텍스트 단락 태그, 줄 바꾸기 태그텍스트를 적절하게 단락으로 묶어 표시 ⇒ 내용이 길어져서 한 줄로 표시할 수 없을 경우, 자동으로 줄이 바뀜.원하는 위치에서 줄 바꾸기 ⇒ 💡\ 태그와 \ 태그 차이점 - \을 2번 사용해서 \ 태그 사용하는 것처럼 흉내낼 수 있으나, - **실제 단락이 만들어진 게 아니라서, CSS 를 사용..

DAY 3🔖 오늘 읽은 범위 : 🔥01/07(수) 진도표 알림👉🏻공부 내용: 03 HTML 기본 문서 만들기👉🏻쪽수: 53~79쪽😃 **기억하고 싶은 내용 (복붙해도 상관없어!)**HTMLHyper Text Markup Language.tag ⇒ 꼬리표.웹 브라우저에 보여줄 내용에 마크업 하고 문서끼리 링크하는 것.HTML 구조HTML 문서 구조 웹 개발 기초 HTML CSS 자바스크립트 html 태그에서 lang="ko" 로 할 경우, “한국어로 된 문서”로 검색 결과 범위를 제한함.화면 낭독기에서 맞춤 언어로 진행 할 때도 영향을 줌. My Blog Blog P..

DAY 2🔖 오늘 읽은 범위 : 🔥01/06(화) 진도표 알림👉🏻공부 내용: 02장 웹 개발 시작하기👉🏻쪽수: 31~51쪽😃 **기억하고 싶은 내용 (복붙해도 상관없어!)**웹 개발을 위해 공부해야 할 기술기본영역HTML 웹 문서 표준. HTML에 맞는 표기법 사용해야 함. 건물의 기초, 벽, 지붕 등의 구조.CSS HTML로 만든 문서를 꾸미거나 사용하기 편리하게 배치할 때 사용. 반응형 웹 디자인을 만들려면 CSS 공부해야 함. 건물 색칠하기, 창문 디자인, 내부 인테리어 작업.자바스크립트 웹 사이트 동작이나 기능을 개발할 때 사용하는 프레임워크. 사용자 상호 작용. 엘리베이터 기능, 시스템 에어컨 기능.깃/깃허브 코드 관리.프런트엔드영역제이쿼리, D3.js, 부트스트랩 등리..

DAY 1🔖 오늘 읽은 범위 : 🔥01/05(월) 진도표 알림👉🏻공부 내용: 01장 웹은 어떻게 움직일까?👉🏻쪽수: 17~29쪽😃 **기억하고 싶은 내용 (복붙해도 상관없어!)**학습 목표인터넷 연결 방식.클라이언트와 서버 동작 구조.웹 개발에서 자주 사용하는 용어.학습 결과웹 표준의 중요성.웹의 동작 방법.웹 개발을 위한 기본 용어.웹의 형태웹 사이트 방문자에게 일방적으로 정보를 전달하는 웹 사이트는 단순함. SNS, 커머스 같은 사이트는 제공하는 서비스에 맞는 장치와 기능이 함께 제공되는 복잡한 사이트. 이런 웹 사이트의 여러 장치와 기능을 만드는 것 = 웹 개발.플랫폼으로서의 웹웹 개발과 표준웹사이트 개발 + 애플리케이션으로서의 웹 + 플랫폼으로서의 웹웹 개발의 표준 ⇒ HTML,..