- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- AWS
- https
- til
- TailwindCSS
- css
- clipBehavior
- Nodejs
- EC2
- TypeScript
- Find
- JavaScript
- async
- sequelize
- findByIdAndDelete
- double quote
- moment
- flutter
- Express
- mongodb
- atlas
- nginx
- RDS
- certbot
- wil
- MYSQL
- await
- jsonwebtoken
- Node.js
- single quote
- mongoose
목록Web (54)
기억 휘발 방지소
알고리즘을 풀다보면 정렬을 해야할 때가 종종 생긴다. 직접 정렬 알고리즘을 구현해야하는 경우가 아니면 자바스크립트에서 제공해주는 sort()함수를 쓰면 편한데 이번 기회에 sort() 함수에 대해 알아보려고한다. 📌 sort() MDN에서는 다음과 같이 설명하고 있다. sort() 메서드는 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환한다. 기본 정렬 순서는 문자열의 유니코드 코드 포인트를 따른다. 즉, sort()는 기본적으로 유니코드 값 순서대로 정렬된다. sort는 아래 코드처럼 쓰면 된다. Array.sort([compareFunction]) sort의 파라미터로 함수가 들어오는데 그냥 compareFunction이라고 하겠다. compareFunction은 정렬 순서를 정의하는 함수이다..
📌 CSS (Cascading Style Sheets) 웹페이지를 꾸미려고 작성하는 코드 아래 코드에 body를 선택자(Selector)라고 부르고 background-color, color를 속성(Property), 뒤에 값 white, black을 속성 값(Property Value)라고 부른다. 선택자는 태그명을 써줄 수도 있고 id, class명을 써줄 수도 있다. id는 선택자 앞에 #을 붙여야하고 class는 .(점)을 붙여야한다. Home Header Title body { background-color: white; color: black; } a { color: inherit; text-decoration: none; } #header { ... } .title { ... } 📌 SCSS..
multer는 파일을 업로드 할 수 있게 도와주는 미들웨어이다. 📌 설치 npm i multer 📌 multer 적용 import multer from "multer"; const uploadFiles = multer({ dest: "uploads/", limits: { fileSize: 5 * 1024 * 1024 }, }); 업로드한 파일이 uploads/ 폴더 안에 저장된다. limits는 업로드할 파일의 크기를 제한한다. 단위는 Byte 제한보다 큰 파일을 업로드할 경우 아래처럼 에러를 발생시킨다. userRouter .route("/edit") .post(uploadFiles.single("avatar"), postEdit); 파일을 하나만 업로드 할 때는 single을 쓰면 된다. 📌 템플릿 ..
includes()는 배열이 특정 요소를 포함하고 있는지를 판별하는 메소드이다. const numbers = [1, 2, 3, 4, 5]; console.log(numbers.includes(5)); // true console.log(numbers.includes(6)); // false const names = ["Kim", "Park", "Lee"]; console.log(names.includes("Kim")); // true console.log(names.includes("AAA")); // false 배열에 특정 요소가 포함되어 있다면 true를 반환하고 그렇지 않으면 false를 반환한다. 문자열에서도 쓸 수 있다! const greeting = "Hello JavaScript"; cons..
find() 메서드는 주어진 판별 함수를 만족하는 첫 번째 요소의 값을 반환한다. 그런 요소가 없다면 undefined를 반환한다. (출처: MDN) const array = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const found = array.find((el) => el > 5); console.log(found); // 6 객체들이 들어있는 배열에서도 다음과 같이 쓸 수 있다. const array = [ { name: "Kim", age: 23, hobby: "eat" }, { name: "Park", age: 32, hobby: "drive" }, ]; const found = array.find((el) => el.name === "Kim"); console.log(fo..
아래 명령어로 express-session을 설치할 수 있다. npm i express-session import express from "express"; import session from "express-session"; const app = express(); app.use( session({ httpOnly: true, secure: true, secret: "I am secret key", resave: false, saveUninitialized: false, cookie: { httpOnly: true, secure: true, maxAge: 20000, } }) ); httpOnly: 자바스크립트를 통해 세션 쿠키를 사용할 수 없도록 함 secure: https 환경에서만 session ..