221020 브라우저와 HTML

오늘 내가 배운 것 1. 2진수, 16진수 2. 브라우저와 HTML 3. 자주 쓰이는 태그(엘리먼트)와 속성, 속성 값 1. 2진수와 16진수 컴퓨터는 왜 2진수를 사용하는가? 컴퓨터는 전류가 흐르고, 안 흐르고 (ON/OFF)로만 표현할 수 있다. 그렇기 때문에 0과 1 로만 모든 것을 표현해야 한다. 2진수 1자리 수는 2가지(0, 1)를 표현할 수 있고, 2자리 수는 4가지(00,01,10,11) 를 표현 할 수 있다. 0과 1을 표현하는 1자리 수를 1 bit (비트)라고 하는데, 1bit가 8자리가 되면 8 bit 8bit = 1byte(바이트) = 2 nibble(니블) 이다. 1 nibble은 4bit인데 4bit는 16가지를 표현할 수 있다. 그래서 16진수의 범위와 일치한다. 16진수는 ..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 10. 20.
• textsms

221014 HTML,CSS 클론코딩

학원 홈페이지 클론 코딩 오늘 내가 배운 것 클론코딩 : 실제 구현되어 있는 서비스를 직접 내 손으로 구현하는 것 (당연한 것이지만 절대 코드 그대로 긁어오지 말 것!! 어차피 해야 공부된다...) 1. 페이지를 만들 때 큰 틀을 먼저 생각한다. (레이아웃) 위에서 아래로, 그다음엔 위 레이아웃부터 좌에서 우로 채워 나가야 편하다. 2. 속성 min-height / max height : 최소 높이/최대 높이 설정할 때 사용 3. 속성 clear : both; float 를 사용한 후 블록이 좌우측에 있을 때 좌측을 먼저 채우는 과정에서 우측에 블럭의 양이 적을 경우 다음 블럭이 우측 블럭 밑으로 채워지는 현상이 있었다. (빈 공간에 블럭이 채워짐) 이를 방지하기 위해 clear : both; 를 사용하..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 10. 14.
• textsms

221013 CSS

2일 차 복습, 속성 position 과 속성 값, 주석 오늘 내가 배운 것 주석 (언어마다 주석을 쓰는 방법이 다름) 코드가 실행되지 않는다. 메모처럼 해당 코드가 어디를 구현하는 건지 적어 둘 수 있다. HTML : CSS : /* */ (html, css) 많은 부분에선 영역선택 후 cmd / ( 윈도우 : ctrl / ) css를 적용하는 3가지 방법 인라인스타일 style 외부 파일 외부 파일을 사용할 때 link의 속성 3개 href, type, rel type과 rel 은 외우는 부분 (type="text/css" rel="stylesheet") 작업을 할 때 css 외부파일 연결까지 확인 후 시작하자. padding 을 margin보다 많이 쓰는 것이 효율적이다. (margin을 쓰기 위해..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 10. 13.
• textsms

221012 CSS

css, html, 시멘틱 마크업, 선택자, 속성, 속성값 오늘 내가 배운 것 html의 엘리멘트 중에서 section , article, footer, header, aside >> 다 div 의 역할 vscode html 파일만들고 ! 를 작성하면 기본적인 html 틀을 만들어 준다. 과 엘리먼트는 닫는 태그를 사용하지 않아도 된다. CSS에 대하여 Cascading style sheets 파일을 파일이름.css 로 해서 만들어 줄 수 있다. CSS역할 기본적으로 html을(구분해준 데이터를) 꾸며주는 역할을 한다. (기본적인 속성을 변경할 수 있다.) 사용자가 사용하는 환경에 따라 보이는 기본적인 서체, 박스 같은 게 다르게 보일 수 있는 것을 개발자가 원하는 스타일대로 통일시켜서 꾸며 줄 수 있다..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 10. 12.
• textsms

HTML

브라우저란? 평소엔 검색을 위한 용도로만 알고 있었지만, 이제는 HTML을 해석해주는 도구로 확장시키자. 브라우저는 주소창과 , HTML을 해석해서 화면에 보여주는 부분으로 나뉠 수 있다. HTML은? Hyper Text Mark-up Language 의 약자로 인터넷의 하이퍼텍스트를 표현하기 위한 언어 로 작성한다. 와 시작과 끝을 의미하는 것으로 HTML에선 필수! VScode HTML을 작성하는 데는 메모장으로도 충분히 할 수 있지만, 작업의 편의성( 를 작성하면 까지 작성)을 위해 VScode (Visual Studio Code)를 이용한다. VScode - 1. 작업 폴더 생성 및 설정 2. 텍스트 파일 만들기 (.html) 3. 한국어 설정하기 4. Live server 설정하기 더보기..

• format_list_bulleted HTML & CSS
• · 2022. 10. 11.
• textsms

221011 HTML

브라우저란? 평소엔 검색을 위한 용도로만 알고 있었지만, 이제는 HTML을 해석해주는 도구로 확장시키자. 브라우저는 주소창과 , HTML을 해석해서 화면에 보여주는 부분으로 나뉠 수 있다. HTML은? Hyper Text Mark-up Language 의 약자로 인터넷의 하이퍼텍스트를 표현하기 위한 언어 로 작성한다. 와 시작과 끝을 의미하는 것으로 HTML에선 필수! VScode HTML을 작성하는 데는 메모장으로도 충분히 할 수 있지만, 작업의 편의성( 를 작성하면 까지 작성)을 위해 VScode (Visual Studio Code)를 이용한다. VScode - 1. 작업 폴더 생성 및 설정 2. 텍스트 파일 만들기 (.html) 3. 한국어 설정하기 4. Live server 설정하기 더보기..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 10. 11.
• textsms