코딩일상

Request 객체는 API를 컨트롤 하기 위한 메소드를 담고 있다. 그 메소드들이 바로 아래의 3가지 이다. param query body 1.req. param 주소에 포함된 변수를 담는다. //주소예시 http://coding-daily/comments/1234 router.post("/comments/:articappleId", async (req, res) => { const postId = req.params.articleId; //postId에는"1234"선언된다. ...} postId에 담긴 1234의 타입은 Number(숫자형)가 아니라, String(문자열)이다. 2.req.query 주소'?'가 시작이며 이후의 변수를 담는다. http://coding-daily/comment?cate..

mongoose 날짜 기준으로 정렬기능을 구현하면서 mongoose프레임 워크를 이용하여 웹서버를 몽고 DB와 연결을 하여 사용을 하고있었다. 이제 원하는 기능으로써는 날짜를 어떻게 하면 내림차순, 오름차순으로 할 수있을까라는 고민이 들었다. 그렇기에 이 문제를 해결하기위해 아래의 과정을 진행해보았다. mongoose의 공식문서에서 정렬에대한 메소드가 있는지 파악 이해가 안가면 이에 관련한 다른 글들이 있는지 파악 자료를 찾아내었다면 나의 코드에 적용 위과정을 적용하여 나는 답을 찾아낼수있었다. mongoose공식 홈페이지에 sort라는 메소드가 있다는것을 파악을 하였고 대략적인 느낌은 왔지만, 좀더 정확한 자료를 찾기위해서 추가 구글링을 하였다. how to sort by date moongoose 이..

데이터에서 값을 POST로 입력을 하고 난후 전부가 보이는 기본 설정이 싫었다. 카테고리별로 원하는 데이터값만 보이고 싶게 기능을 구현을 하고 싶었다. 그래서 역시 또 나는 구글링을 하였다. 1. moongoose 공식문서 탐방 2.추가 다른 문서들에서 적용한방식들 찾아보고 내 코드에 적용 3. 코드를 통해 적용 및 실험(?) 공식문서를 읽다보니깐 쿼리관련해서 검색을 하면 원하는 답을 찾을수있을것같아서 그와 관련해서 검색을 하였다. 결과론적으로는 원하는 기능구현 방식을 찾게되었다. find의 파라미터 기능을 이용하면 쉽게 워하는 데이터값만 찾을수 있다고 하였다. 그외에도 find의 추가적인 기능들도 있다는것을 발견하였다. 정말 고마운 사이트 ㅜㅜ 이기능을 찾는다고 2시간을 인터넷이라는 바다를 떠돌아 다녔..

find를 사용하였을때 데이터에 있는 모든 정보를 보여준다. 카테고리가 drink인것들을 모두 가져다 준다. findOne을 사용하였을때(카테고리 드링크 인것) 그 결과는 카테고리가 드링크인것들 중 한가지 값을 가져오며 카테고리가 드링크인 여러 데이터들중 맨 첫번째 데이터값을 보여준다. 레퍼런스 How to use mongoose findOne I have the below schema (apologies that it is in coffeescript) Schema = mongoose.Schema AuthS = new Schema auth: {type: String, unique: true} nick: String time: Date Auth = mong... stackoverflow.com Mongo..

들어가기 앞서 ES5/ES6 문법 차이를 왜 알아야 하는가? 물론 현재 자바스크립트로 개발을 하게되면 ES6+를 통해서 개발이 진행이 될 것입니다. 그래도 왜 ES5을 알아야 하는 이유는 과거에 만들어진 JS코드를 리팩토링 해야할 경우도 있고 모든 회사가 항상 최신 문법을 쓰지 않기 때문입니다. 또한, 과거와 현재가 뭐가 어떻게 달라졌는지를 알게되면, 현재 기준에 대한 이해도를 올릴수도 있으며, 언제가 현재의 최신코드도 과거의 코드가 되어 쓰레기 취급 받을수도 있기에 이러한 변화와 차이를 아는것이 중요하다 생각합니다. 그리고 특히ES5/ES6의 차이를 물어보는 이유는 이 버전업데이트에서 기능추가된 점들이 지향하는 바의 차이가 크기 때문입니다. ES5/ES6의 각각의 특징 ES5(출시년도2009)는 HTM..

ES?? ES는 ECAMScript의 약자이다. 그렇다면 ECAMScript란 무엇일까?? 자바스크립의 표준화기준을 말을한다. 그렇다면 자바스크립트 표준화는 왜 만들어졌을까? 1995년, 약 90%의 시장 점유율로 웹 브라우저 시장을 지배하고 있던 넷스케이프 커뮤니케이션즈는 웹페이지의 보조적인 기능을 수행하기위 브라우저에서 동작하는 경량 프로그래밍 언어를 도입하기로한다. 그래서 탄생한 언어가 브렌덴 아이크가 개발한 자바스크립트이다. 자바스크립트라는 이름이 붙기까지 1996년 3월 넷스케이프 커뮤니케이션즈의 웹브라우저인 넷스케이프 네비게이터2에 탑재가되었고 "모카"로 명명이 처음되었다. 그러다 그해 8월 라이브 스크립트로이름이 바뀌었다가. 12월에 자바스크립트라는 이름으로 최종적으로 결정되었다. (추가 그..

REST API의 put 과 patch 는 어떤 차이점이 있을까요? HTTP Method 중에 PUT와 PATCH는 리소스의 업데이트를 의미한다. 리소스를 업데이트 한다는 점에서는 같은 역할을 하는 메소드처럼 보이지만 두개의 요청에는 약간의 차이가 있다. PUT : 리소스의 모든 것을 업데이트 한다. PATCH : 리소스의 일부를 업데이트 한다. 예를 보면서 같이이해 아래와 같은 회원이라는 리소스가 있다. 회원 (member) 1 이름 (name) 애용이 나이 (age) 10 성별 (gender) M 아래와 같은 요청을 보내면 PUT /members/1 { name : "홍길동", age : 19, gender : "M" } 회원 (member) 1 이름 (name) 홍길동 나이 (age) 19 성별 (..

안녕하세요. 이번 시간에는 배열과 유사배열에 대해서 살펴보겠습니다. 배열은 다들 아실겁니다. 그런데 유사배열은 잘 모르는 입문자분들이 많이 계십니다. 한 번 둘의 차이를 알아봅시다. var array = [1, 2, 3]; array; // [1, 2, 3] var nodes = document.querySelectorAll('div'); // NodeList [div, div, div, div, div, ...] var els = document.body.children; // HTMLCollection [noscript, link, div, script, ...] nodes와 els는 프론트엔드 개발을 하다보면 많이 접하는 친구들이죠. 위 예제에서 array는 배열이고, nodes와 els는 유사배열..

padStart와 padEnd 함수는 ES8(ES2017)에 새롭게 추가된 기능이다. pad는 좌우에 특정한 문자열로 채우는 기능이다. padStart 'abc'.padStart(10); // " abc" 'abc'.padStart(10, "foo"); // "foofoofabc" 'abc'.padStart(6,"123465"); // "123abc" 'abc'.padStart(8, "0"); // "00000abc" 'abc'.padStart(1); // "abc" padEnd 'abc'.padEnd(10); // "abc " 'abc'.padEnd(10, "foo"); // "abcfoofoof" 'abc'.padEnd(6, "123456"); // "abc123" 'abc'.padEnd(1); //..

스코프란?? 자바스크립트를 공부할 때 스코프(Scope)란 단어를 많이 접할 수 있는데요. 이 스코프란 무엇인지에 대해 알아보겠습니다. Scope를 우리말로 번역하면 ‘범위’라는 뜻을 가지고 있습니다. 즉, 스코프(Scope)란 ‘변수에 접근할 수 있는 범위’라고 할 수 있는데요. 자바스크립트에선 스코프는 2가지 타입이 있습니다. global(전역) local(지역) 전역 스코프(Global Scope)는 말 그대로 전역에 선언되어있어 어느 곳에서든지 해당 변수에 접근할 수 있다는 의미 지역 스코프(Local Scope)는 해당 지역에서만 접근할 수 있어 지역을 벗어난 곳에선 접근할 수 없다는 의미 자바스크립트에서 함수를 선언하면 함수를 선언할 때마다 새로운 스코프를 생성하게 됩니다. 그러므로 함수 몸체..