React

React - API의 활용을 위한 prototype

JavaScript는 클래스라는 개념이 없습니다. 그래서 기존의 객체를 복사하여(cloning) 새로운 객체를 생성하는 프로토타입 기반의 언어입니다. 프로토타입 기반 언어는 객체 원형인 프로토타입을 이요하여 새로운 객체를 만들어냅니다. 이렇게 생성된 객체 역시 또 다른 객체의 원형이 될 수 있습니다. 프로토타입은 객체를 확장하고 객체 지향적인 프로그래밍을 할 수 있게 해줍니다. 프로토타입은 크게 두 가지로 해석됩니다. 프로토타입 객체를 참조하는 prototype함수와 객체 멤버인 proto속성이 참조하는 숨은 링크가 있습니다. 이 둘의 차이점을 이해하기 위해서는 JavaScript 함수와 객체의 내부적인 구조를 이해 해야합니다. 이번 글에서는 JavaScrip의 함수와 객체 내부 구조부터 시작하여 프로토..

React - mongoDB ( mongoose )

서버를 개발할 때 데이터베이스를 사용하면 웹 서비에서 사용되는 데이터를 저장하고, 효율적으로 조회하거나 수정할 수 있습니다. 기존에는 MySQL, OracleDB, PostgreSQL같은 RDBMS(관계형 데이터베이스)를 자주 사용했습니다. 그런데 관계형 데이터베이스에는 몇가지 한계가 있습니다. RDBMS의 한계점 첫 번째는 데이터 스키마가 고정적이라는 점입니다. 여기서 스키마란 데이터베이스에 어떤 형식의 데이터를 넣을지에 대한 정보를 가리킵니다. 예를 들어 회원 정보 스키마라면 계정명, 이메일, 이름 등이 되겠습니다. 새로 등록하는 데이터 형식이 기존에 있던 데이터와 다르다면 기존 데이터를 모두 수정해야 새 데이터를 등록할 수 있습니다. 그래서 데이터양이 많을 때는 데이터베이스의 스키마를 변경하는 작업..

React - koa FrameWork

https://github.com/LE123123/KoaServer GitHub - LE123123/KoaServer Contribute to LE123123/KoaServer development by creating an account on GitHub. github.com Koa는 Express의 기존 개발 팀이 개발한 프레임워크입니다. 기존 Express에서 고치고 싶었던 점들을 개선하면 내부 설계가 완전히 바뀌 기 때문에 개발 팀이 아예 새로운 프레임워크를 개발했다고 합니다. Express는 미들웨어, 라우팅, 템플릿, 파일 호스팅과 같은 다양한 기능이 자체적으로 내장되어있는 반면, Koa는 미들웨어 기능만 갖추고 있으며 나머지는 다른 라이브러리를 적용하여 사용합니다. 즉 Koa는 우리가 필요한..

나만의 Webpack 개발환경 만들기 plugin ( React )

우선 이전 블로그에서 React의 개발 환경을 갖춘 바 있다. 이에 기반해서 유용한 plugin에 대해 소개 하고자 한다. 우선 완성된 코드를 여러분들에게 보여주고 이에대한 설명을 진행하도록 하겠다. Source Code // components/Home.js import React, { useState } from "react"; import "../styles/Home.css"; import loadable from "@loadable/component"; import testImg from "../public/test.svg"; const LoadableComponent = loadable(() => import("./Loadable")); const Home = () =..