Web Front End

[HTML] <meta> tag 용도와 종류

tag란? 웹 페이지의 보이지 않는 정보를 제공하는데 쓰이는 태그 페이지의 설명 요약, 핵심 키워드, 제작자, 크롤링 정책 등 수많은 정보 제공 닫는 태그가 없음 태그의 속성을 통해 정보 제공 요소의 종류 요소 뜻 charset 페이지의 문자 인코딩을 선언 utf-8 권장 content http-equiv 또는 name 특성 중 사용하는 것의 값을 담음 name 문서 레벨 메타데이터의 이름을 정의 itemprop, http-equiv, charset 특성 중 하나라도 설정한 경우 사용해선 안됩니다. 예제 1) 검색 엔진을 위한 키워드(keyword)를 정의하는 예제 2) 웹 페이지에 대한 설명(description)을 정의하는 예제 3) 문서의 저자(author)를 정의하는 예제 4) 5초 뒤에 다른 페..

[CSS] flexbox

FlexBox란? Flexible Box module 아이템 간 공간 배분과 강력한 정렬 기능을 제공하기 위한 1차원 레이아웃 모델 레이아웃을 다룰 때 한 번에 하나의 행,열만 다룸 참고: CSS 그리드 레이아웃(2차원 모델) Flexbox 연습 사이트 https://flexboxfroggy.com/#ko 속성의 설명도 잘 되어 있음 Flexbox 주요 속성 justify-content align-items flex-direction order align-self flex-wrap flex-flow align-content flex-basis 참고 MDN - flexbox 생활코딩 - flex

[HTML] DOCTYPE html에 대해서 알아보자

DOCTYPE html 선언 의미 웹문서가 어떤 버전의 html 언어로 작성되었는지 결정하는 기능 DTD로 정의되어 웹브라우저에 전달됨 브라우저: 선언된 문서 버전에 맞는 html 기술로 페이지 로드 DTD란? Document Type Declaration 브라우저 랜더링 모드를 지정해 줌 유효성 검증기의 기준이 됨 XHTML 문서의 상단에 반드시 선언해야 함 ⇒ 생략하거나 형식이 잘못되면 엉뚱한 결과물이 출력되는 문제 발생함 ⇒ 웹 브라우저마다 코드의 해석방식이 다른 호환모드(Quirks mode)로 랜더링되기 때문에 DTD 기본형식 최상위 element name: 이 문서는 html 문서이다. 공개 범위: 국제적이다. DTD 만든 기관: 비공인인증인 W3C기관에 의해 XHTML 1.0을 Transit..

[HTTP] XHR - 비동기 데이터 통신

XHR : XMLHttpRequest 객체: 전체 페이지의 새로고침없이도 URL 로부터 데이터를 받아올 수 있는 서버와 상호작용하는 객체 ajax 요청을 생성하는 Javascript API HTTP Request 전송을 매우 쉽게 만들어 줌 XMLHttpRequest를 통해 만들어진 request는 2가지 방법, 동기적 혹은 비동기적 방법 중 한 방법으로 데이터를 가져 올 수 있음 메서드로 브라우저와 서버 간 네트워크 요청을 전송할 수 있음 비동기 데이터 통신 에디터 내에 동기신호를 포함시켜 데이터를 전송함. 송신측의 송신 클록에 관계없이 수신신호 클록으로 타임 슬롯의 간격을 식별하여 한 번에 한 문자씩 송수신하는 것 문자의 앞에는 시작비트 (Start Bit) , 끝에는 정지비트 (Stop Bit)를 ..

[Javascript] 줄바꿈 없이 console에 출력하는 방법

console.log를 한 줄에 쓰지 않으면 자동으로 줄바꿈이 된다. 이를 여러 줄에 쓰면서 한 줄에 나오게 하고 싶다면 process.stdout.writer를 쓰자 process.stdout.write();

[리뷰][책] IT 개발자의 거의 모든 것

IT 개발자의 거의 모든 것 SI 개발자의 실무에 대해 알 수 있는 책 서비스 기업의 개발자보다 SI 기업의 개발자에 초점이 맞춰져 있다. 책의 뒷부분에 분야별 개발자의 역할과 하는 일에 대한 설명이 있는데 웹 개발자를 풀스택 개발자로 생략해서 말하는 것이 조금 아쉬웠다. IT 기업 중에 90%는 SI 기업이다. SI 기업의 문제점과 상하 관계 구조에 대해 잘 알 수 있어 좋았다. 나도 무조건 서비스 기업에 가서 일해야 한다는 마음이 있는 것은 아니기에 도움이 되는 책인 것 같다.