목록웹_WEB (7)

잉?

[HTML] class에서 띄어쓰기의 의미

여기서 div는 units와 box 두 개의 클래스를 가진다. 띄어쓰기로 구분한다. 하나의 클래스를 가지게 하려면 "units-box" 또는 "unitsBox"로 입력해야 한다. *참고 https://www.codeit.kr/community/threads/8992
웹_WEB/HTML 2021. 10. 6. 14:54
HTML 태그(요약/정리)

HTML 태그 http://html5doctor.com/element-index/ https://www.w3schools.com/tags/default.asp https://developer.mozilla.org/en-US/docs/Web/HTML/Element 제목(HEADING) 문서내에 제목을 표현할 때 사용한다. 단락과 개행(PARAGRAPH, LINEBREAK) :태그는 글의 단락을 나타낸다. :태그는 글의 줄바꿈을 생성한다. 텍스트 관련 태그들(B, I, U, S) :글자를 굵게 :글자를 이탤리체 :글자에 밑줄 :글자에 중간선 앵커(ANCHOR) 다른 문서로 이동할 수 있는 링크를 생성한다. href:링크의 목적지가 되는 URL을 지정한다. target 의미없이 요소를 묶기 위한 태그(CONT..
웹_WEB/HTML 2021. 9. 22. 15:35
Node.js란 무엇인가?

Node.js는 Chrome V8 자바스크립트 엔진으로 빌드된 자바스크립트 런타임으로 정의되고 있다. 여기서 자바스크립트 런타임은 자바스크립트를 실행하기 위한 프로그램이다. 내가 이해한 바로는 FE(프론트엔드)를 위한 언어로는 대표적으로 JS(자바스크립트), HTML, CSS가 있다. FE언어인 JS를 브라우저 밖으로 가지고 나온 것이다. 즉, JS는 브라우저(웹=프론트)상에 포함되어 있는데 밖으로 가지고 나왔다는 것은 BE의 역할인 것이다. JS를 이용하여 서버를 만들 수 있다. JS는 브라우저에 종속되어 있었지만 Node.js가 생기면서 브라우저가 아니여도 모바일 앱 등 사용 할 수 있는 범위가 무한해졌다. 널리 쓰이는 언어(JSP, ...)로 웹 애플리케이션을 개발한다면 이 웹 애플리케이션은 일반적..
웹_WEB 2020. 6. 7. 14:50
[부스트코스] HTML - FE, 문서 구조, 기본

이 글은 부스트코스 강의를 정리한 글 입니다. 01. HTML (HyperText Markup Language) ▷ HTML이란 웹페이지를 만들기 위한 언어 HT - HyperText / 문서와 문서가 링크로 연결 M - Markup / 태그로 이루어져 있다. L - Language [HTML Tags] ▷ 태그란 정보를 정의하는 형식 ▷ 태그는 문을 여는 태그()가 있다. ▷ 태그들은 각각의 의미가 있기에 목적에 맞는 옳은 태그를 사용해야 한다. 링크 이미지 목록 제목 See the Pen Tags by ChuJiHye (@ChuJH) on CodePen. 02. HTML Layout 태그 ▷ 레이아웃(Layout)이란 배치라는 뜻 ▷ HTML 태그로 감싸진 각 정보를 화면상의 어느 위치에 어떻게 자리..
웹_WEB/HTML 2020. 4. 7. 21:21
[부스트코스] Web개발의 이해 - FE/BE

이 글은 부스트코스 강의를 정리한 글 입니다. 01. 저급언어 / 고급언어 [저급언어] ▷ 기계 중심의 언어 ▷ 2진수(0, 1)로 이뤄진 값으로 작성하는 프로그래밍 언어를 기계어(Machine Language) ▷ 숫자로만 되어있기에 유지보수가 어려움(프로그래밍도 어려움) → 결국 숫자와 1:1로 대응하는 기호를 만듦(어셈블리어;Assembly Language) → 이 어셈블리어를 기계가 알아듣게 다시 숫자로 바꾸는 도구를 컴파일러(Compiler) ▶ 아주 특수한 경우 빼고 사용할 일이 없음 [고급언어] ▷ 사람 중심의 언어 ▷ 사람이 이해하기 쉬운 문법으로 프로그래밍 할 수 있음 02. HTTP 프로토콜의 이해 ▷ HTTP(Hypertext Transfer Protocol) ▷ 서버와 클라이언트가 ..
웹_WEB 2020. 4. 1. 16:27
CSS의 기초

[CSS의 기본 틀] Selector(선택자)는 웹페이지의 모든 a태그를 선택한다는 의미 → a{ } Declaration(내용)은 선택자가 지정하는 태그들에 대해 어떤 효과를 줄 수 있는가를 담고 있는 내용을 의미 → a{ 내용 } [CSS의 사용법] CSS로 꾸미는 방법은 크게 3가지가 있다. 1. 안에서 속성처럼 style 사용 2. 소제목1 소제목2 ↑ 1번은 위의 코드블럭과 같이 HTML안에서 style을 속성처럼 사용한다. 소제목1 소제목2 ↑ 2번은 위의 코드블럭과 같이 태그를 사용하여 디자인한다. 소제목1 소제목2 /* style.css */ a{ color:purple; } ↑ 3번은 확장자를 .css로 바꾼다. 3번을 사용하게 되면 HTML 문서에 있는 태그를 사용하지 않고. css 파..
웹_WEB/CSS 2019. 12. 11. 01:42
CSS란 무엇인가?

HTML언어를 사용하는 곳에는 대부분 CSS언어가 있다. 그렇다고해서 HTML과 CSS는 같은 언어인가? 아니다. 다른 언어이다. CSS(Cascading Style Sheets)는 HTML과 같은 문서를 디자인해주는 역할을 한다. 그럼 왜 HTML에도 디자인하는 기능이 있는데 굳이 CSS를 사용할까? 그 이유는 CSS가 HTML보다 훨씬 효율적으로 디자인을 할 수 있기 때문이다. 소제목1 소제목2 소제목3 위의 코드를 보면 HTML로도 태그를 추가하여 글씨 색을 지정 할 수 있다. 하지만 작은 갯수가 아닌 몇 억개가 되는 갯수의 색을 바꾸려면 한계가 있을 것이다. 소제목1 소제목2 소제목3 반면 CSS는 태그를 통해 한번에 색을 다 바꿀수 있다. 한 마디로 중복제거라는 큰 효과를 볼 수 있다는 말이다...
웹_WEB/CSS 2019. 12. 5. 17:25
Prev 1 Next