healthy-5 님의 블로그

제8장. 목록과 링크 만들기

웹페이지에는 수많은 정보가 들어갑니다.상품의 특징, 여행 준비물, 강의 목차, 메뉴, 검색 결과처럼 여러 항목을 한꺼번에 보여 주어야 할 때가 많습니다. 이런 내용을 문장으로 길게 나열하면 읽기가 어렵지만 목록(List)으로 정리하면 훨씬 빠르게 내용을 파악할 수 있습니다.웹의 또 다른 중요한 특징은 링크(Link)입니다.사용자가 글자를 클릭하면 다른 웹페이지로 이동하고, 같은 문서의 특정 위치로 바로 이동할 수도 있습니다.이번 장에서는 목록을 만드는 , , 와 링크를 만드는 태그를 살펴보겠습니다.🎯 한 줄 핵심 정리HTML에서는 , , 로 정보를 체계적인 목록으로 만들고, 와 href를 사용해 다른 웹페이지나 현재 문서의 특정 위치로 연결할 수 있습니다.🎯 이 장에서 배우는 내용순서 없는 목록 순..

제7장. 제목과 문단 만들기

웹페이지에서 가장 많이 보게 되는 것은 무엇일까요?바로 제목과 문장입니다.뉴스 기사에는 큰 제목과 소제목이 있고, 블로그 글에는 본문 문단이 있습니다. 중요한 문장은 굵게 표시되거나 기울여 강조되기도 하고, 내용이 바뀌는 곳에는 구분선이 들어가기도 합니다.HTML에서는 이러한 글의 구조를 단순히 크게 보이게 만드는 것이 아니라, 각각의 역할에 맞는 태그를 사용해 의미를 표시합니다.이번 장에서는 제목을 만드는 부터 , 문단을 만드는 , 줄바꿈 , 강조를 위한 과 , 그리고 구분선 까지 살펴보겠습니다.🎯 한 줄 핵심 정리HTML에서는 제목, 문단, 강조, 줄바꿈을 각각 알맞은 태그로 구분해 작성함으로써 사람이 읽기 좋고 브라우저와 검색엔진도 이해하기 쉬운 문서 구조를 만들 수 있습니다.🎯 이 장에서 배우..

제6장. HTML 문서의 기본 구조

HTML 태그를 몇 개 알고 있다고 해서 바로 웹페이지를 제대로 만들 수 있는 것은 아닙니다.집을 지을 때 기둥과 벽돌을 어디에 놓아야 하는지 기본적인 설계가 필요하듯, HTML 문서에도 대부분의 웹페이지가 공통적으로 따르는 기본 골격이 있습니다.대표적인 것이 , , 안녕하세요. HTML을 공부하고 있습니다.처음에는 여러 태그가 한꺼번에 등장하기 때문에 복잡해 보입니다.하지만 큰 구조만 보면 간단합니다.↓↓ 나의 첫 웹페이지 HTML 공부를 시작했습니다.파일 이름을 예를 들어index.html로 저장한 다음 웹브라우저에서 열어 봅니다.화면에는 주로나의 첫 웹페이지HTML 공부를 시작했습니다.라는 내용이 나타납니다.반면 안의 내용은 본문 제목으로 나타나는 것이 아니라 브라우저 탭..

우리가 인터넷에서 보는 뉴스 기사, 블로그, 쇼핑몰, 회사 홈페이지에는 제목과 문장, 사진, 메뉴, 버튼, 링크 등이 일정한 구조로 배치되어 있습니다.브라우저는 이러한 내용을 제멋대로 판단해서 화면에 보여주는 것이 아닙니다. 웹페이지를 만든 사람이 “이 문장은 제목이다”, “이것은 이미지다”, “이 글자는 다른 페이지로 연결되는 링크다”라는 의미를 표시해 주어야 합니다.그 역할을 하는 것이 바로 HTML입니다.HTML은 웹 개발을 시작할 때 가장 먼저 배우는 기술이며, 이후 CSS와 JavaScript를 이해하기 위한 기본 토대가 됩니다.🎯 한 줄 핵심 정리HTML은 웹페이지의 제목, 문장, 이미지, 링크 같은 콘텐츠에 의미와 구조를 부여하여 브라우저가 웹페이지를 올바르게 해석하도록 만드는 마크업 언어..

📘 제4장. 웹 개발자는 어떤 일을 할까?웹사이트 하나를 만드는 데는 생각보다 많은 사람이 참여합니다. 화면을 만드는 개발자, 서버와 데이터를 관리하는 개발자, 사용하기 편한 화면을 설계하는 디자이너가 서로 협력합니다.처음 웹 개발을 공부하면 프론트엔드, 백엔드, 풀스택, UI, UX 같은 용어부터 낯설게 느껴집니다. 하지만 웹사이트가 만들어지는 과정을 기준으로 생각하면 어렵지 않습니다.이번 장에서는 웹 개발 분야의 대표적인 직무와 각 역할이 어떻게 연결되는지 알아보겠습니다.🎯 한 줄 핵심 정리웹 개발은 사용자가 보는 화면을 만드는 프론트엔드와 서버·데이터를 처리하는 백엔드가 중심이 되고, 디자인·UI·UX 등 여러 역할이 협력하여 하나의 웹서비스를 완성하는 과정입니다. 웹 개발자의 역할을 프론트엔드..

우리가 매일 접속하는 뉴스 사이트, 쇼핑몰, 블로그, 기업 홈페이지는 어떤 과정을 거쳐 만들어질까요? 많은 사람들은 HTML 파일만 작성하면 웹사이트가 완성된다고 생각하지만, 실제로는 기획부터 디자인, 개발, 서버 구축, 공개, 유지관리까지 여러 단계를 거쳐야 합니다. 이번 장에서는 웹사이트가 만들어지는 전체 과정을 이해하기 쉽게 살펴보겠습니다. 🎯 한 줄 핵심 정리 (Fish Sentence)웹사이트는 기획, 디자인, 개발, 호스팅, 공개, 유지관리의 과정을 거쳐 완성되며, 모든 단계가 서로 연결되어 안정적인 서비스를 제공합니다.🎯 이 장에서 배우는 내용웹사이트의 목적과 기획화면 구조와 디자인 설계HTML, CSS, JavaScript 작성도메인과 호스팅웹서버에 파일 올리기웹사이트 수정과 관리🌐 ..

우리가 인터넷 주소를 입력하면 브라우저는 DNS를 통해 서버의 IP 주소를 찾고, 서버로부터 웹페이지를 받아 화면에 표시합니다. 인터넷과 웹의 차이, 서버와 클라이언트의 역할, 브라우저와 DNS의 동작 원리, IP 주소와 도메인의 관계를 초보자도 이해하기 쉽게 설명합니다. 🎯 이 장에서 배우는 내용인터넷과 웹(Web)의 차이서버(Server)와 클라이언트(Client)의 역할브라우저(Browser)가 하는 일IP 주소와 도메인(Name)DNS(Domain Name System)의 역할웹페이지가 사용자에게 전달되는 과정🌍 인터넷이란 무엇인가?인터넷(Internet)은 전 세계의 수많은 컴퓨터와 네트워크를 서로 연결하는 거대한 통신망입니다.많은 사람들이 인터넷과 웹(Web)을 같은 의미로 사용하지만, 실..

컴퓨터는 스스로 생각하지 않습니다. 사람이 이해할 수 있는 언어를 컴퓨터가 이해하는 형태로 바꾸어 주어야만 명령을 실행할 수 있습니다. 이 글에서는 컴퓨터 언어의 개념부터 프로그래밍 언어가 만들어진 이유까지 가장 기초적인 내용을 쉽게 설명합니다.한 줄 핵심 요약(Fish Sentence)컴퓨터 언어는 사람이 컴퓨터와 대화하기 위해 만든 약속이며, 모든 프로그램은 결국 0과 1의 기계어로 변환되어 실행됩니다.이 장에서 배우는 내용컴퓨터는 왜 0과 1을 사용하는가?기계어와 프로그래밍 언어의 차이컴파일러와 인터프리터의 역할프로그래밍 언어가 여러 종류인 이유HTML, CSS, JavaScript의 역할컴퓨터 언어란 무엇인가?컴퓨터 언어(Computer Language)는 사람이 컴퓨터에게 작업을 지시하기 위해 ..

HTML·CSS·JavaScript 완전 입문컴퓨터를 전혀 몰라도 시작할 수 있는 웹 프로그래밍이 시리즈는 웹사이트가 어떻게 만들어지고 작동하는지부터 HTML, CSS, JavaScript의 기본 문법과 실전 활용 방법까지 순서대로 설명합니다.각 장은 앞에서 배운 내용을 바탕으로 다음 단계로 이어지도록 구성했기 때문에 제1장부터 차례대로 학습하는 것이 좋습니다.아래 목차에서 원하는 장을 누르면 해당 장의 소개 부분으로 바로 이동합니다. 각 장의 끝에 있는 ‘전체 목차로 돌아가기’를 누르면 다시 목차로 이동할 수 있습니다.📚 전체 목차제1부. 웹의 기초 이해 1 컴퓨터 언어란 무엇인가? 컴퓨터가 명령을 이해하는 원리와 프로그래밍 언어의 역할 › 2 인터넷은 어떻게 동작하는가? 서버, 클라이..

성범죄를 줄이기 위해서는 개인의 책임뿐 아니라 가정, 학교, 사회, 국가가 함께 예방 체계를 구축해야 합니다.앞선 아홉 편에서는 성범죄를 뇌과학, 심리학, 사회학, 교육, 법과 제도의 관점에서 살펴보았습니다.결론은 분명합니다.성범죄는 하나의 원인으로 발생하지 않으며, 예방 역시 하나의 방법만으로는 충분하지 않습니다.현대 범죄학과 공중보건학은 개인의 책임과 함께 가정, 학교, 사회, 조직, 국가가 서로 연결된 예방 체계를 만들 때 가장 효과적인 결과를 얻을 수 있다고 설명합니다.개인과 가정이 바꿔야 할 것예방은 가장 가까운 곳에서 시작됩니다.개인은 상대방의 동의와 경계, 그리고 인격을 존중해야 하며, 폭력이나 성희롱을 가볍게 여기거나 묵인하지 않는 태도가 필요합니다.가정에서는 성과 관계를 금기시하기보다 연..