본문 바로가기

*

(8)
CSS 선택자 CSS 선택자(CSS Selectors) 완벽 정리!CSS 선택자는 HTML 요소를 선택해서 스타일을 적용하는 방법! 웹사이트의 디자인을 만들 때, 특정 요소를 꾸미려면 올바른 선택자를 사용오늘은 기본 선택자부터 고급 선택자까지 하나하나 쉽게 설명!1. 기본 선택자 (Basic Selectors)CSS에서 가장 기본이 되는 선택자들1) 전체 선택자 (Universal Selector) *모든 요소에 스타일을 적용할 때 사용* { margin: 0; padding: 0; box-sizing: border-box;}설명:위 코드처럼 *을 사용하면 모든 HTML 요소에 기본 여백을 없애는 스타일을 적용할 수 있어!2) 태그 선택자 (Type Selector)특정 태그(요소)에 스타일을 적용p { col..
컴퓨터의 단위 및 진법 컴퓨터에서 사용하는 단위 및 진법을 정리해볼게요.1. 컴퓨터의 단위컴퓨터에서 데이터를 저장하거나 처리할 때 사용하는 기본적인 단위는 **비트(bit)**이며, 여러 개의 비트가 모여 바이트(byte) 등의 단위를 형성합니다.(1) 데이터 저장 단위단위 크기 (bit 기준)크기 (byte 기준) 1 bit1 bit-1 Byte (B)8 bit1 Byte1 Kilobyte (KB)8,192 bit1,024 Byte1 Megabyte (MB)8,388,608 bit1,024 KB1 Gigabyte (GB)8,589,934,592 bit1,024 MB1 Terabyte (TB)8,796,093,022,208 bit1,024 GB1 Petabyte (PB)9,007,199,254,740,992 bit1,024 T..
순서도 코딩하기 전에 문제 해결 과정을 그림으로 표현하는 방법.  순서도의 기본개념순서도는 명령의 실행 순서를 화살표(→)로 연결해서 나타내요.쉽게 말하면, 프로그램이 어떤 순서로 실행되는지를 보여주는 지도!일단 정하고 설계한다. -> 코딩. 기호 의미 설명 🔘 시작 / 종료프로그램의 시작과 끝"Start", "End"로 표시🔷 입력 / 출력(Input / Output)데이터 입력 또는 결과 출력"입력 받기" 또는 "출력하기"🔳 처리(Process)계산, 변수 변경, 데이터 저장 등"계산하기", "변수 변경" 등🔺 조건(Decision)참(True) 또는 거짓(False) 판단"if문", "반복문 조건 검사"➡ 화살표(Flowline)흐름을 나타냄실행 순서를 연결🔄 반복(Loop/Connector)..
HTML5 태그 2(오디오,비디오,입력양식,공간분할) HTML5 오디오, 비디오, 입력 양식, 공간 분할 태그HTML5에는 소리(오디오), 영상(비디오), 입력 폼, 공간을 나누는 다양한 태그가 있어요!1. 오디오 태그 ()오디오(소리, 음악, 효과음)를 웹사이트에서 재생할 때 사용해요!기본 형태 브라우저가 오디오를 지원하지 않아요 😢결과: 음악을 재생할 수 있는 버튼이 나타나요!오디오 태그 속성속성설명controls재생/일시정지 버튼을 보여줌autoplay자동으로 재생됨 (소리 없이 시작하는 게 기본)loop음악이 끝나면 다시 처음부터 반복됨muted소리를 처음부터 끔preload음악을 미리 불러올지 결정함 (auto, metadata, none) 지원하는 파일 형식 (포맷) 포맷 확장자 브라우저 지원 MP3.mp3✅ 거의 모든 브라우저 지원O..
HTML5 - 태그 1 HTML5 태그HTML 태그는 웹사이트를 만드는 블록이에요!마치 블록을 쌓아 집을 짓듯이, HTML 태그를 조합하면 멋진 웹페이지!태그(Tag)태그는 특별한 기호()로 감싸진 글자예요!예를 들어, 태그는 문장을 쓰는 태그예요.안녕하세요! 저는 HTML을 배워요!결과: 안녕하세요! 저는 HTML을 배워요!HTML 태그의 기본 구조태그는 보통 시작 태그와 종료 태그가 있어요!내용굵은 글씨굵은 글씨가 돼요!단, 몇몇 태그는 닫는 태그가 필요 없어요!이미지 태그 는 닫는 태그가 없어요!자주 쓰는 HTML5 태그1. 제목 태그 ( ~ )제목을 크게 혹은 작게 만들어요.제목 1제목 2제목 3이 제일 크고, 이 제일 작아요!2. 문장 태그 (, , , , , ,,,)문장을 쓰거나 꾸밀 때 사용해요!이것은 문장입니다..
HTML5 기본 용어와 페이지 구조 HTML5 기본 용어HTML5는 웹 문서를 구조화하고 콘텐츠를 표현하는 최신 HTML 표준입니다. 주요 개념과 용어는 다음과 같습니다.HTML (HyperText Markup Language): 웹 페이지를 구성하는 마크업 언어태그(Tag): HTML 요소를 감싸는 코드(로 감싸짐, 예: , )요소(Element): 시작 태그, 내용, 종료 태그로 구성됨 (예: Hello)속성(Attribute): 태그에 추가 정보를 제공하는 키-값 쌍 (예: )시맨틱(Semantic) 태그: 의미를 전달하는 태그 (예: 웹사이트 제목 메뉴1 메뉴2 ..
웹(web) 데이터 센터: 자신이 보유한 서버와 네트워크를 기업이나 기관에 임대하는 서비스웹 서버: 인터넷과 같은 네트워크를 통해 클라이언트가 요청하는 서비스를 제공하는 컴퓨터클라이언트: 원격의 웹서버에 서비스를 요청하는 컴퓨터 또는 컴퓨터 사용자를 의미. 웹의 클라이언트  서버환경 :웹사이트와 웹 페이지웹사이트 : 인터넷 프로토콜 기반의 네트워크에서 도메인 만으로 구성된 URL이 나타내는 웹 페이지의 묶음(홈페이지)웹페이지: 웹 브라우저에서 보는 각각의 화면 웹 호스팅: 인터넷 전문업체가 자신이 보유한 웹 서버와 네트워크를 이용하여 홈페이지를 구축할 수 있도록 서버 상의사용자 계정과 디스크 공간을 임대하는 서비스. IP 주소와 DNS:IP주소: 다른 컴퓨터와 구별되도록 갖는 고유한 주소 (예: 192.112.132..
Return 회 귀