본문 바로가기

Programming310

[MongoDB] update()와 기존 데이터 수정하기 이번엔 CRUD에서 U(Update)를 담당하고 있는 업데이트와 관련한 함수를 알아보겠습니다. 지난 포스트에서 find()를 실습하며 만들어두었던 데이터베이스와 컬렉션을 이용하겠습니다. 1. update() db.컬렉션명.update({쿼리}, {업데이트값}, {옵션}) 도큐먼트는 update() 함수를 통해서 내용을 변경할 수 있습니다. 각 파라미터에 대해서 설명을 하겠습니다. 쿼리는 find()에서 검색을 위해 조건을 넣던 쿼리와 동일합니다. 이 쿼리로 변경할 도큐먼트를 찾습니다. 업데이트 값은 수정할 값을 적는 파라미터입니다. 옵션에는 upsert(찾는 값이 없으면 새로 추가), multi(여러 도큐먼트 변경) 등이 있습니다. 현재 다음과 같은 컬렉션이 있습니다. 여기에서 이름이 ed인 도큐먼트를 .. 2022. 2. 7.
서버 사이드 렌더링과 클라이언트 사이드 렌더링 1. 서버 사이드 렌더링 SSR 서버 사이드 렌더링(SSR, Server Side Rendering)은 서버에서 페이지를 만들어서 클라이언트에게 보여주는 방식입니다. 기존의 웹개발에서 주로 사용되던 방식으로 브라우저에 렌더링되는 형태를 HTML문서로 만들어서 보내주는 식으로 진행이 됩니다. 이 방식은 요청시 새로고침을 해야하고 클라이언트 사이드 렌더링 에 비해서 처음 렌더링되어 보여주기 까지의 시간이 길었습니다. 요청마다 새로고침이 발생하고, 한 페이지에서 보여주는 정보가 무수히 많은 웹 페이지에서는 오히려 사용자 경험을 떨어뜨리는 경우가 있어서 그런 경우 클라이언트 사이드 렌더링을 하는 경우가 있습니다. 2. 클라이언트 사이드 렌더링 CSR 클라이언트 사이드 렌더링(CSR, Client Side Ren.. 2022. 2. 5.
[React] 리액트에서 코드 스플리팅 1. 코드 스플리팅 code splitting 코드 스플리팅이 무엇인지에 대해서 먼저 알아보겠습니다. 리액트 카테고리에 집어넣긴 했지만, 웹팩(webpack)을 이용한 다른 어플리케이션에서도 모두 사용 가능한 언어입니다. 웹팩도 간단히 설명하자면, 어플리케이션의 모든 파일들을 묶고 압축하여 하나의 결과물을 만들어주는 웹 개발 도구입니다. 자바스크립트로 개발을 하고 배포하는 과정에서 빌드(build) 과정을 거치게 되는데, 이 과정에서 모든 파일들이 하나로 합쳐지게 됩니다. 우리가 index.js, components들로 나눴던 소스 코드들이 하나의 거대한 소스 코드로 합쳐진다는 말입니다. 간단한 프로젝트라면 영향이 적겠지만, 거대한 프로젝트라면(특히 SPA 페이지에서) 길고 많은 자바스크립트 코드(.cs.. 2022. 2. 4.
[React/Redux] redux-saga redux-thunk에 이어서 또 다른 비동기 처리를 담당하는 리덕스 미들웨어 redux-saga를 알아보겠습니다. yarn add redux-saga 0. 발생자 Generator redux-saga 미들웨어는 Generator 문법을 사용해서 비동기 처리를 관리해줍니다. 그러므로 미들웨어를 공부하기 전에 발생자에 대한 문법과 개념을 알아두어야합니다. 발생자 문법과 설명은 아래 링크를 참조해주세요. 2022.01.11 - [Programming/Javascript] - [Javascript] Iterator(반복자), Generator(발생자) [Javascript] Iterator(반복자), Generator(발생자) 오늘 소개드릴 자바스크립트 문법은 반복자와 발생자 입니다. 두 문법 모두 es201.. 2022. 2. 3.
[MongoDB] find()와 연산자 지난 포스트에서 내용을 확인하는 find()함수를 알아보았습니다. find() 함수 내부에서 다양한 연산자들을 조합하면, 원하는 데이터들을 쉽게 찾을 수 있습니다. 지난번에 실습하면서 모든 db를 지웠으므로 사전에 실습을 위한 db, 콜렉션을 만들어 두고 시작하겠습니다. use test //데이터베이스 생성 db.createCollection("testCollection") //컬렉션 생성 db.testCollection.insert([ {"name": "alex", "age": 23, "sex": "m"}, {"name": "triss", "age": 21, "sex": "f"}, {"name": "morgan", "age": 24, "sex": "f"}, {"name": "ed", "age": 21,.. 2022. 2. 2.
[Javascript] Strict mode 자바스크립트는 1995년도에 개발된 오래된 언어입니다. 현재 2022년까지 무려 27년이 되었습니다. 긴 역사만큼 수많은 문법과 구문들이 자바스크립트에 등장했고, 그 중에서는 현재 사용하면 안정성 혹은 효율을 떨어뜨리는 구문도 존재합니다. 이런 구문들을 피하려면 왜 이 구문이 문제였고, 어떤 방식으로 피할지에 대해 알아야하는데, 이 구문들이 하나둘씩 늘어나다 보니 개발자들에게 부담으로 다가오기 시작했습니다. 그래서 자바스크립트는 Strict mode(엄격 모드)를 지원하기 시작해서 이러한 구문들을 자바스크립트 측에서 발견하여 알려주고, 개발자는 따로 알아두지 않아도 되도록 만들었습니다. 1. Strict mode Strict 모드는 개발자에게 편의성을 주는 모드입니다. 서론에서 언급했듯이, 여러 이유로 .. 2022. 1. 30.
300x250

티스토리툴바