사진과 음악을 좋아하는 개발자 지망생의 블로그

1) 웹 사이트와 웹 페이지 - 웹 화면에 보이는 것 = 웹 속에 있는 문서 하나 → 웹 페이지 - 관련된 웹 페이지의 묶음 → 웹 사이트 2) 웹 페이지는 어떻게 만들어질까? - 웹 페이지는 수 많은 코드로 이뤄짐 - 이 코드들은 클라이언트의 요청에 의해 서버로 부터 받아온 HTTP 응답의 Body임 - 서버와 클라이언트 간 소통 중간에서 웹 브라우저는 HTTP 형식으로 서버에서 클라이언트로 html 요청을 보내고 응답으로 받아 온 html 문서를 우리가 보기 쉬운 형태로 화면에 그려주는(렌더링하는) 역활을 함 3) HTML → 아래 게시글 참고 2023.04.17 - [데이터 엔지니어링 데브코스/웹 크롤링] - [Web Scraping 기초] HTML 기초 ")은 선택사항이 될 수도 있고 필수사힝이 ..

1) 인터넷과 웹 ① 컴퓨터 - 컴퓨터가 발명된 후 사용자들은 문서작성이나 연산 작업 등을 컴퓨터에 위임하였다 - 컴퓨터를 활용해 업무를 하는 사람들이 늘어나면서 서로의 정보를 교환할 필요가 있었다 ② 네트워크 - 컴퓨터를 통한 상호간 정보 공유의 필요성을 해결하고자 서로의 컴퓨터를 연결하여 정보를 교환할 수 있는 네트워크(Network)가 탄생하였다 - 하지만, 지금처럼 컴퓨터 이용자가 기하급수적으로 증가하면서 더 많은 컴퓨터와 연결할 필요가 있었다 - 누구나 컴퓨터를 갖고 있는 시대에 이전 보다 더 많은 사람들과 정보를 공유하고자 네트워크를 형성하였고 이러한 수많은 네트워크를 묶어 근거리 지역 네트워크(Local Area Network, LAN)이 탄생하였다 ③ 인터넷, WWW - 이제 전 세계적으로..

아이디 비밀번호 옵션선택 선택하세요 옵션1 옵션2 옵션3 옵션4 옵션5 약관에 동의합니다 1 2 3 4 안녕하세요 안녕하세요 전송 1) FORM ① - 정보를 제출하기 위한 태그 - 정보를 입력하고 선택할 수 있는 input, selectionbox, textarea 등을 가질 수 있다 - 정보를 제출하기 위한 button을 가진다 - "action"속성으로 정보가 제출되었을 때 페이지를 이동시킬 수 있다 - "method" 속성으로 정보가 제출될 대 처리 방식을 결정할 수 있다 2) 입력과 출력 ① - input, textarea, selection의 설명을 작설할 수 있는 태그 - "for" 속성을 사용하여 연결하고자 하는 태그에 "id" 속성을 지칭하면 label을 클릭하면 연결된 태그가 선택된다 ..

리스트 1) , - 정렬되지 않은 목록 태그 - 기본 불릿(bullet) 형식으로 목록을 그린다 - 태그를 사용하여 목록을 구성할 수 있고 다양한 태그를 포함할 수있다 - 태그의 자식요소로는 태그만 들어와야 한다 - 하위 리스트를 만드려면 태그 안에 , 태그를 사용하면 된다 2) , - 정렬된 목록 태그 - 기본 숫자(1, 2, 3,...) 형식으로 목록을 그린다 - 태그를 사용ㅇ하여 목록을 구성할 수 있고 다양한 태그를 포함할 수 있다 - 태그의 자식요소로는 태그만 들어와야 한다 - 하위 리스트를 만드려면 태그 안에 , 태그를 사용하면 된 3) , , - 설명 목록 태그 - 태그에 사용된 단어 혹은 내용의 설명을 태그에 작성할 수 있다 - 주로 용어사전ㅇ이나 "키 - 값"이 있는 쌍의 목록을 나타낼 때..

- - 에베베베 1) - 문서 내에 이미지를 넣을 수 있는 태그 - 가장 기본적인 이미지 넣는 방법 - "src" 속성을 사용해 이미지의 경로를 넣으면 이미지가 출력됨 ※ 해당 경로에 이미지가 반드시 있어야 함 - "alt" 속성을 사용해 이미지 로딩에 문제가 발생했을 시 대체 텍스트를 띄울 수 있음 2) , - 하나의 독립적인 콘텐츠로 분리하고 그에 대한 설명을 넣을 수 있는 태그 - 태그를 사용해 콘텐츠의 설명 혹은 범례를 추가할 수 있고, 제일 처음이나 제일 아래에 추가해서 사용할 수 있다 - 보통 이미지를 넣는데 인용문, 비디오/오디오 등 문서의 흐름에 참조는 되지만 독립적으로 분리되어도 되는 내용을 담을 수 있 3) - 문서 내에 영상을 첨부할 수 있는 태그 - "src" 속성을 사용해 비디오의..

제목1 제목2 제목3 제목4 제목5 제목6 문단 태그를 사용해보자 블로그 주인의 이름은 namuna 입니다. 볼드 두껍게 나와요 볼드 두껍게 나와요 볼드 두껍게 나와요 볼드 두껍게 나와요 저도 두껍게 나와요 저는 기울어져서 나와요 저도 기울어져서 나와요 밑줄 그어줘요 취소선 삭제된 단어 추가된 단어

Head 1) - title : 문서의 제목 - meta charset(character set)은 문서에서 허용하는 문자의 집합이다 →charset에 선언된 문자의 집합 규칙에 따라 문서에서 사용할 수 있는 문자가 제한된다 - style - script : Javascipt와 같은 클라이언트 사이드 스크립트(client-side scripts)를 정의하는 태 - link : style, script 태그 내 내용이 많아짐에 따라 별도 파일로 관리하고 src 속성을 통해 경로를 지정해 주는 태그 Body 1) : 사용자 눈에 실제로 보이는 콘텐츠 영역 2) block, inline, inline-block 1. block (블록 레벨 요소) - 레고 블록처럼 차곡차곡 쌓이고ㅡ 화면 너비가 꽉차는 요소 -..

1) HTML 기본 분법 - 콘첸츠를 가지는 태그 - 콘텐츠를 가지는 태그 ※ 태그 종류에 따라 셀프클로징("/>")은 선택사항이 될 수도 있고 필수사힝이 될 수도 있다 2) 속성과 값 - html의 tag는 굉장히 많기 때문에 태그를 만날때마다 어떤 속성과 값이 필요한지 그때그때 외운다 3) HTML 기본 문서 - 문서버전 표기법은 버전 마다 다르므로 전 버전 표기법을 기입 시 doctype문서 참고하여 기입 4) 부모요소 자식요소 - 밖을 감싸고 있는 요소를 부모 요소, 그 안에 있는 요소를 자식 요소라 한다 - head, body 태그 → 자식 요소, html 태그 → 부모 요소 / head 태그 → 부모 요소, title 태그 → 자식 요소 5) HTML 주석 - 주석 안에 주석은 사용할 수 없다..