반응형
SMALL

웹개발 5

Nest JS

NestJS nodejs 위에서 움직이는 framework (백엔드를 구성할 수 있도록 해줌) nest new를 통해 nest 프로젝트 create 가능 @Module({ imports: [], controllers: [AppController], providers: [AppService], }) decorator (클래스에 함수 기능을 추가할 수 있음) nestjs는 main.ts가 모든 것을 시작 main.ts : 하나의 모듈에서 applicaion을 생성 const app = await NestFactory.create(AppModule); AppModule -모든 것의 루트 module (Module: 어플리케이션의 일부분(한 가지의 역할을 하는 App)) Controller controller:..

Web 공부/NestJS 2022.03.17

TypeScript

Typescript javascrpit의 superset ( comepile 시, javascript로 compile 됨 ) 예측 가능한 언어이며 읽기 쉬운 코드로 javascript를 더 잘 사용할 수 있게 해줌 Setting Typescript Up tsc: ts파일인 코드를 컴파일해서 .js와 .js.map을 만들어줌 "scripts": { "start":"node index.js", "prestart": "tsc" } yarn start를 실행 시, prestart의 tsc가 먼저 실행되고 start의 node index.js가 만들어지고 실행하게 됨 Interface interface Human{ name:string; age:number; gender:string; } //interface는 ..

JavaScript

Java Script 동적 (html은 정적) : 이 태그 안 쪽에 있는 코드를 javascript로 해석 button 타입, 버튼안에 들어가 있는 내용 hi, onclick의 속성값은 반드시 javascript onclick의 속성값은 웹브라우저가 기억하고 있다가 사용자가 클릭했을 때 문법에 따라 해석해서 웹브라우저가 동작 event(사건): 웹브라우저 위에서 일어나는 일들 ex) onclick (이벤트가 실행되었을 떄 어떠한 JS가 일어남) 숫자 데이터 타입 -산술 연산자(+, -, *, /) 문자 데이터 타입- string.length() , string.indexof(' ') 등등 변수 쓸 때 var 앞에 쓰기 ->body 태그의 스타일 바꿈 버튼을 만들어서 낮과 밤에 맞는 스타일링..

HTML

기본 틀 문법 : 이 문서는 html이다 : 최고위층 태그 본문에 대한 설명 -> 로 묶기 : 웹페이지의 타이틀 표시 : 본문이 utf-8이라는 방식으로 저장 본문-> 로 묶기 : 두꺼운 글씨체로 강조 : 밑줄 : head 제목 정의 (1 가장 중요한 가장 글씨 큰 ~ 6 가장 글씨 작은 ) : 줄바꿈 (많이 쓰면 계속 줄바꿈) : 한 단락 표시 : 이미지 사용법 ctrl 누르고 라인들 누르면 여러 라인 동시에 제어 가능 : 리스트 목차 (unordered list): 리스트를 그룹핑 하기 위한(경계 생성) 부모 태그 (li 태그는 반드시 부모 태그 가지고 있고 ul 태그는 자식 태그를 가지고 있음) (ordered list) : ul 대신 ol을 쓸 경우 자동으로 숫자 넘버링 해줌 (-> 새탭에서 열림..

Web 공부/HTML 2022.03.17

CSS

CSS CSS: HTML과는 완전히 다른 컴퓨터 언어 HTML은 정보에 전념하기 위해 HTML에서 디자인에 대한 기능은 CSS가 뺏어온 것 HTML을 통해 디자인을 하는 것보다 훨씬 효율적 ( 폰트 색깔을 바꿔줌) -> 여러개의 a태그가 있을 시 모두 다 색깔을 바꾸기가 어려움 이 태그 안에 있는 코드들은 주석 처리 (속성) 이 태그 안 쪽에 있는 코드들은 CSS로 처리하게 해줌 만약 모든 리스트 중 한 가지의 코드만 색깔을 다르게 지정하고 싶을 경우 코드 내에서 style="color: red" 라고 코드의 a태그 내에 적어줌 style=""이라는 문법 자체는 HTML의 속성 그( 속성에 대한 약속이 그 값으 반드시 CSS의 효과가 들어오는 것) style이라는 속성만으로는 누구에게 이 효과를 지정할 ..

Web 공부/CSS 2022.03.17
반응형
LIST