클라이언트에서 서버로 파일을 전송하는 방법을 알아보았다.input 태그- type = "file"로 지정- name = "서버에서 파일을 인식할 이름"name으로 이름을 지정하면, 서버에서는 이 이름으로 데이터를 얻는다는 것이다.예) upload.single("userfile")로 설정해야 한다.일반 form 전송 - form 태그 업로드- action = "서버에 보낼 경로"- enctype = "multipart/form-data"로 반드시 설정해야 한다.multer는 multipart(multipart/form-data)가 아닌 폼에서는 동작하지 않는다.body-parser데이터를 쉽게 처리할 수 있도록 도와주는 라이브러리사용 목적: post로 정보를 전송할 때 요청의..

1주차 수업에서 배운 CSS 작성법과 선택자 종류들에 대해서 정리하고자 한다.CSS 작성법CSS는 HTML 요소의 style을 정의해야 하므로, 스타일을 적용하고자 하는 HTML 요소를 선택할 수 있어야 한다.- 선택자(Selector): 스타일을 적용하고자 하는 HTML 요소를 선택하기 위해 CSS에서 제공하는 수단선택자로 HTML 요소를 선택하고 {} 내에 속성 값을 지정하여 다양한 style을 정의한다.- 속성(Property)여러 개의 속성을 연속해서 지정할 수 있으며, 세미콜론";"으로 구분한다. 속성은 표준 스펙으로 이미 지정되어 있는 것을 사용해야 한다. 사용자가 임의로 정의할 수 없다.- 값(Value): 해당 속성에 사용할 수 있는 값을 키워드, 크기 단위, 색상 단위 등의 특정 단위로 ..

모듈(Module)특정한 기능을 하는 함수나 변수들의 집합재사용 가능한 코드 조각장점코드 추상화코드 캡슐화코드 재사용의존성 관리모듈은 module.exports 또는 exports 객체를 통해 정의하고 외부로 공개한다.공개된 모듈은 require 함수를 사용하여 import 한다.모듈 만들기하나의 모듈 파일에 하나 만들기// func.jsfunction connect() { return a + b;}module.exports = connect;module.exports에는 하나의 값(원시 타입, 함수, 객체)을 할당할 수 있다.하나의 모듈 파일에 여러 개 만들기// var.jsconst a = "a 변수";const b = "b 변수";module.exports = { a, b};export와 expor..

CSS(Cascading Style Sheet)웹 페이지를 디자인하기 위해 사용하는 언어CSS 참조 방식인라인 방식요소의 style 속성에 직접 스타일을 작성하는 방식디자인을 적용하기 위해 각 태그마다 style 속성을 적어줘야 하기 때문에, 같은 스타일을 가진 태그를 사용하려고 해도 따로 작성해줘야 한다. 즉, 재사용이 불가능하기 때문에 추천하지 않는 방식이다.내장 방식의 내용(Contents)으로 스타일을 작성하는 방식HTML의 태그 내부에 태그를 선언하여 각 태그에 적용할 스타일을 작성한다. 인라인 방식에 비해 재사용성은 높아졌지만, 코드의 길이가 굉장히 길어지기 때문에 추천하지 않는 방식이다. HTML과 CSS의 전체 코드량이 많지 않고 CSS가 해당 HTML 문서에서만 적용될 경우 유용하게 ..