계기해커톤을 하면서 팀원분과 언어를 통일하자고 했고, 스프링부트 말고도 다른 언어의 프레임워크도 써보고 싶었던 내가 NestJS를 빠르게 공부해 보기로 했다. 공부 방법시간이 많지 않았기에 아래 블로그에서 기본 문법을 빠르게 흩어보는 식으로 했다. [TypeScript] 타입스크립트 기본 문법 정리 (velog.io) [TypeScript] 타입스크립트 기본 문법 정리개발 공부를 시작하고 지금까지 자바스크립트를 공부하고, 또 자바스크립트로 다양한 프로젝트를 진행해왔다.하지만 타입스크립트라는 언어를 알게 된 후부터 자바스크립트의 단점이 내게 부velog.ioJS와 Node.js에 대해 잘 모르지만, 평소 사용하던 자바와 그렇게 크게 다른 느낌이 아니어서 다행히 이해가 됐다. 그 후 노마드 코더님의 Nest..

배치 - HTML 태그가 출력되는 위치를 지정하는 것 블록 태그 인라인 태그 display 프로퍼티 블록 박스 인라인 박스 인라인 블록 박스 position 정적 배치 - position: static 상대 배치 - position- relative 절대 배치 - position: absolute 고정 배치 - position: fixed 유동 배치 - float: left 혹은 float: right z-index visibility overflow border-collapse: collapse; 테두리 합치기 input[type=text] animation transition transform @keyframes

CSS - HTML 문서에 색이나 모양, 출력 위치 등 외관을 꾸미는 언어, 이것으로 작성된 시트를 '스타일 시트'라고 함 CSS의 기능 색상과 배경 텍스트 폰트 박스 모델 비주얼 포맷 및 효과 리스트 테이블 사용자 인터페이스 셀렉터는 CSS3 스타일 시트의 이름이나 규칙이다. CSS3 스타일 시트는 중괄호로 작성한다 CSS3 스타일은 '프로퍼티:값'의 쌍으로 표현되며 세미콜론으로 분리된다. 셀렉터, 프로퍼티, 값은 모두 대소문자를 구분하지 않는다. 스타일 시트 작성 방법 3가지 태그에 스타일 시트 작성 style 속성에 스타일 시트 작성 별도의 스타일 시트 파일을 작성하고, 나 @import로 불러 사용 CSS3 규칙 CSS3 스타일은 부모 태그로부터 상속된다. 스타일 합치기와 오버라이딩 셀렉터 태그 ..

웹페이지는 문서이기 때문에 구조화가 잘 되어야 한다. 시멘틱 웹 - 웹 문서를 구조화하여 의미 있는 내용 탐색이 용이한 웹 시맨틱 태그 - 웹 문서를 구조화할 때 쓰이는 태그 머리말 하이퍼링크 문서의 장, 절을 구성 독립적인 콘텐츠를 담는 영역, 이 필수적인 내용을 담으면 은 웹 페이지의 본질을 훼손하지 않는 내용을 담는 영역으로 보조적인 기사 같은 걸 담는다. 웹 페이지 본문 흐름에서 약간 벗어난 것, 오른쪽이나 왼쪽에 주로 배치 꼬리말 영역, 주로 저자나 저작권 정보를 입력한다. 시맨틱 블록 태그 그림을 블록화 상세 정보를 담음 로 구성되는 블록의 제목을 표현 시맨틱 인라인 태그 중요한 텍스트임을 표시 시간 정보임을 표시 주어진 범위나 %의 데이터 양 표시 작업의 진행 정도 표시 웹 폼 - 웹 페이지..

html은 크게 헤드와 바디로 이루어져 있다. 태그는 문단을 표현하기 때문에 다음에는 자동으로 빈 줄이 생긴다. 은 수평선 긋기 줄 바꿈 태그 안에 입력한 포맷이 그대로 출력된다. HTML 태그들은 블록 태그와 인라인 태그로 나뉜다. 메타 데이터 - 데이터를 설명하는 데이터 이미지 삽입 , , 리스트 만들기 표 만들기 하이퍼링크 만들기 앵커 - 문서 내 특정 위치로 이동할 수 있는 링크 인라인 프레임 만들기 태그를 이용하면 현재 HTML 페이지 내에 내장 윈도우를 만들고 다른 HTML 페이지를 출력할 수 있다. 인라인 프레임 윈도우의 이름은 name 속성을 사용하여 붙인다 브라우저 윈도우와 인라인 프레임 윈도우 사이에는 부모 자식 관계가 형성된다. , 미디어의 표준화

웹의 시작 웹은 팀 버너스리의 아이디어에서 시작됐다. 웹의 성공 만들기 쉬운 HTML 문서 효율적인 HTTP 통신 클라이언트와 서버의 작업 분담 모든 곳에 웹이 있다 IoT 기술의 확산으로 점점 작은 인터넷 장치까지도 웹 서버를 설치해서 주변에 웹이 많아진다. 웹 페이지 구성 3요소 HTML 태그 CSS 언어 자바스크립트 3요소를 분리하여 웹 페이지 개발 HTML, CSS, Javascript HTML - 웹 페이지의 구조와 내용 CSS - 웹 페이지의 모양 Javascript - 웹 페이지의 동적 변경 및 응용 프로그램 작성 HTML의 출현 배경 비표준 기술의 혼재, 웹 브라우저의 비호환성 인터넷 기기의 다양화 새로운 범용 웹 표준의 필요성 HTML5의 기능 웹 문서 작성을 위한 HTML 태그 셋 웹 ..

1. 웹 개요 웹의 기본 목적과 구성 웹 문서 -한 컴퓨터에서 만든 문서를 다른 컴퓨터에서 쉽게 볼 수 있도록 하는 것 웹(WWW, World Wide Web) - 전 세계의 컴퓨터들이 웹 문서를 쉽게 주고 받을 수 있도록 하는 시스템 웹은 컴퓨터의 기능을 서버와 클라이언트로 나눔 웹 서버에는 많은 웹 페이지와 데이터베이스들을 가지고 웹 사이트가 만들어짐 인터넷과 웹은 다르다 1990년대 초 인터넷이라는 이름으로 활용됨 월드 와이드 웹이라고 불리는 웹은 여러 인터넷 서비스 중의 하나 웹 브라우저 웹 서버에 접속해서 웹 페이지, 이미지, 동영상, 음악 등 다양한 데이터를 다운받아 보여주는 소프트웨어 크롬, 엣지, 파이어폭스 등 웹 브라우저 역사 WorldWideWeb - 웹의 개념을 창시한 '팀 버너스리'..

명품 HTML5+CSS3+Javascript 웹 프로그래밍 학교에서 웹개발 입문 수업 교재로 '명품 HTML5+CSS3+Javascript 웹 프로그래밍'을 쓰게 됐다. 수업 후 복습하여 정리한 내용을 올릴 것 이다.