텍스트 강조하기텍스트를 강조하고 싶을 때는 strong과 em 태그를 사용한다.strong텍스트의 의미를 강조하고 싶을 때 사용한다.중첩이 가능하며 효과는 동일하지만 구조적으로 중요한 부분임을 알 수 있다.중요한 의미가 있는 텍스트 emstrong과 동일하게 강조하고 싶을 때 사용한다.텍스트가 기울어져 보이면서 강조 효과를 나타낸다.강조하고 싶은 텍스트 폼 구성하기폼은 HTML에서 사용자와 상호작용해서 정보를 입력받고 서버로 전송하기 위한 양식을 의미한다. form 태그폼 양식을 의미하는 태그이다. action폼 요소에서 사용자와 상호작용으로 입력받은 값을들 전송할 서버의 URL주소를 적는다.method입력받은 값을 서버에 전송할 때 송신 방식을 적는다. input 태그로그인 페이지의 아이디와 비밀..
Programming
텍스트 작성하기웹 페이지를 구성하는 요소 중 가장 큰 비중을 차지하는 요소는 텍스트이다. hn 태그제목이나 주제를 나타내는 텍스트를 표현할 때 사용한다.h1부터 h6 태그까지 있다.h는 heading을 의미하고 n는 중요도를 나타낸다.숫자가 작을수록 크고 높을수록 작아진다.검색 엔진에서 키워드로 인식한다. 따라서 검색 엔진 최적화를 위해 본문에서 핵심이 되는 내용으로 잘 선택해야 한다.*검색 엔진 최적화: 구글, 네이버와 같은 검색 엔진에서 상위에 랭크될 수 있도록 검색 엔진에 친홪거으로 마크업을 작성하는 것. p 태그본문의 문단을 작성할 때 사용한다.내용 br 태그문단에서 줄 바꿈할 때 사용한다.p 태그만 사용한 경우 단순히 엔터로 줄바꿈이 되지 않는다.br 태그를 사용한 경우 줄바꿈이 된 것을 확..
HTML의 기본 구성 요소태그태그는 다양한 구성 요소를 정의하는 역할을 한다.HTML 문법을 이루는 가장 작은 단위이다. 속성태그에 어떤 의미나 기능을 보충한다.태그 없이 단독으로 사용 불가능하다. 문법HTML은 태그와 속성과 문법을 구성한다.콘텐츠가 있는 문법과 콘텐츠가 없는 문법으로 나뉜다. 콘텐츠가 있는 문법콘텐츠가 있는 문법은 콘텐츠 앞 뒤를 태그로 감싼다. 콘텐츠가 없는 문법콘텐츠가 없는 문법은 시작 태그만 사용한다. 주석실행 결과에는 표시되지 않지만 코드에 대한 어떤 메모나 설명을 남길 때 사용한다. 주석을 사용하면 다음과 같이 웹 브라우저에 아무것도 표시되지 않는다.하지만 웹 브라우저의 소스 보기로 볼 수 있으므로 중요한 내용을 넣으면 안된다. HTML의 기본 구조HTML 문서는 일..
NestJS란? - Node.js 를 기반으로 한 서버 어플리케이션을 개발하기 위한 프레임워크이다.- 기존 Express 와는 달리 정형화된 아키텍처를 지니고 있다는 점에 차이가 있으며, Spring과 비슷한 구조이다.- Typescript 기반의 OOP(Object Oriented Programming), FP(Functional Programming), FRP(Functional Reactive Programming)를 지원한다. NestJS 설치 방법$ npm i -g @nestjs/cli # NestJS Cli 전역 설치$ nest new project-name # NestJS 프로젝트 생성 다음과 같이 생성한 프로젝트 안에 기본적으로 controller, module, service, mai..
8.1 데이터베이스 및 컬렉션 생성하기 데이터베이스 생성 명령어 use [데이터베이스] 데이터베이스 목록 확인 명령어 show dbs 현재 사용 중인 데이터베이스 확인 명령어 db 컬렉션 생성 명령어 db.createCollection(' ') 컬렉션 생성 목록 확인 명령어 show collections 8.2 CRUD 작업하기 8.2.1 Create (생성) 컬렉션에 컬럼을 정의하지 않아도 되므로 컬렉션에는 아무 데이터나 넣을 수 있다. 이러한 자유로운 점이 몽고디비의 장점이다. 기본적으로 몽고디비는 자바스크립트 문법을 사용하므로 자바스크립트 자료형을 따르나 추가로 몇 가지 자료형이 더있다. Data나 정규 표현식 같은 자바스크립트 객체를 자료형으로 사용할 수 있고, Binary Data, Object..
MVC패턴이란?MVC란 "Model-View-Controller"의 약자로 소프트웨어 아키텍처 패턴 중 하나이다. 1. Model데이터와 비지니스 로직을 나타낸다.애플리케이션의 상태를 관리하고 데이터베이스에서 데이터를 검색하거나 저장할 수 있다. 2. View사용자의 인터페이스의 시각적 표현을 담당한다.모델의 데이터를 사용자에게 보여주고 사용자 입력을 처리하여 컨트롤러에게 전달한다. 3. Controller사용자의 입력을 받아 Model 및 View를 업데이트하는 중간 계층이다.View로부터 사용자 입력을 받아 Model에 전달하여 비지니스 로직을 수행하고, 그 후 다시 View에 반영하는 담당을 한다. Service와 RouterService실제 개발에서는 Controller가 복잡해지는 경우가 많..
1.1 핵심 개념 [서버] - 서버란 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 프로그램을 말한다. - 클라이언트란 요청을 보내는 주체이다. 서버는 클라이언트 요청에 대해 응답을 한다. [자바스크립트 런타임] Node.js는 Chrome V8 Javascript 엔진으로 빌드된 자바스크립트 런타임이다. 따라서 노드는 자바스크립트 프로그램을 컴퓨터에 실행할 수 있다. 구글이 V8엔진을 사용해 크롬을 출시하자 속도문제가 해결되고 많이 사용되었다. [이벤트 기반] - 이벤트 기반이란 이벤트가 발생할 때 미리 지정해둔 작업을 수행하는 방식을 의미한다. - 이벤트 루프란 이벤트 발생 시 호출할 콜백 함수들을 관리하고, 호출된 콜백 함수의 실행 순서를 결정하는 역할을 담당한다. [논블로킹 I/O]..