Programming310 데이터베이스 1. 데이터베이스란? 그리고 DBMS 흔히 디비(DB)라고 부르는 데이터베이스는 컴퓨터 시스템에 전자적으로 저장되는 정보, 또는 관련성을 가진 데이터들의 집합이라고 합니다. 우리가 프로그래밍을 하면서 데이터를 저장하는 변수는 프로그램을 종료하면 저장한 데이터도 사라지게 됩니다. 그래서 이것을 따로 시스템에 공간을 마련해서 저장해두고 프로그램 전반에 걸쳐 두고두고 사용되도록 만든 것이 데이터베이스입니다. 그리고 이런 DB들은 데이터베이스 관리 시스템(DBMS)로 관리됩니다. DBMS는 사용자와의 인터페이스 역할을 해서 사용자가 DB들을 편리하게 관리할 수 있게 만들어 주는 시스템 소프트웨어입니다. 우리가 흔히 DB하면 떠올리는 MySQL이 대표적인 DBMS입니다. MySQL은 관계형 DBMS, RDBMS,.. 2021. 12. 8. [React] 컴포넌트 반복하기 우선 반복을 하기전에 자바스크립트의 Array.map()함수에 대해 알고 넘어가야합니다. map()함수는 배열의 요소들을 인자로 가진 함수로 가공해서 배열의 형태로 반환하는 함수입니다. 이 함수를 꼭 기억해주세요. const animals = ['야옹', '멍', '짹', '삐약']; const repeat = animals.map(animal => animal.repeat(2)); console.log(repeat); 1. 배열을 컴포넌트 배열로 만들기 우선 간단하게 배열을 이용해서 컴포넌트 배열로 만들어서 반환하는 방법을 소개해드리겠습니다. 컴포넌트를 하나 만들어줍니다. 이때 map()함수는 animals배열의 요소들을 JSX형태로 변환해주는 역할을 합니다. import React from 'reac.. 2021. 12. 7. [Node.js/Nunjucks] 템플릿 엔진, 넌적스 지난 포스트에서 템플릿 엔진인 퍼그를 소개해드렸습니다. 하지만 기존 자바스크립트와는 문법이 조금 다른 형태를 취하고 있어서 오히려 더 어려울 수 있다는 생각이 들더라고요. 그래서 좀 더 직관적으로 쓸 수 있는 템플릿 엔진인 넌적스도 한 번 소개해드리려고 합니다. 1. 넌적스 사용 넌적스도 npm 패키지이기 때문에 npm을 통해 설치해줍니다. npm install nunjucks 퍼그와는 다르게 require를 통해서 사용합니다. 그리고 넌적스 파일은 퍼그가 .pug라는 전용 확장자를 이용한 것과 다르게 .html을 써도되고 .njk를 써도 됩니다. const express = require('express'); const path = require('path'); const nunjucks = requi.. 2021. 12. 7. [React] 조건부 렌더링 렌더링에 조건을 걸어서 원하는 시점에만 컴포넌트를 렌더링하게 만들 수도 있습니다. 리액트도 당연히 자바스크립트 기반 프레임워크이므로 기존 자바스크립트 조건 문법을 이용하면 됩니다. 1. if문을 이용한 조건부 렌더링 첫번째 방법은 if문을 이용한 조건부 렌더링입니다. 우리가 알고있는 if문 용법 그대로 조건에 따라 return하는 컴포넌트를 다르게 설정하면 됩니다. const SayHello = props => { return Hello?; }; export default SayHello; const SayHi = props => { return Hi!; }; export default SayHi; import React from 'react'; import './App.css'; import SayHi.. 2021. 12. 6. [Node.js/Pug] 템플릿 엔진, 퍼그 1. 템플릿 엔진 템플릿 엔진이란 템플릿의 양식과 데이터의 모델에 따른 입력 데이터를 결합해서 사용자가 원하는 결과 문서를 출력해주는 소프트웨어 또는 컴포넌트를 말합니다. 우리가 알아볼 템플릿 엔진은 웹 문서의 결과로 출력될 예정이니 웹 템플릿 엔진이라고 합니다. 템플릿 엔진을 이용하면 html 문서같은 경우 코드를 엄청나게 줄일 수 있고, 재사용하기에 편하다는 장점이 있어서 수 많은 템플릿 엔진들이 사용되고 있습니다. 2. 퍼그 Pug (구 Jade) Pug는 가장 인기있는 웹 템플릿 엔진 중 하나입니다. 문법이 간단하다는 특징이 있지만 기존 html 코드와는 크게 달라서 적응이 힘들 수도 있습니다. npm을 통해 설치합니다. npm install pug 그리고 다음과 같이 pug를 사용하기 위해 실행.. 2021. 12. 6. [Node.js/express] 익스프레스 미들웨어 익스프레스에서 중요한 역할을 하고 있는 미들웨어를 알아보겠습니다. 1. 미들웨어와 익스프레스 미들웨어 미들웨어(Middleware)는 운영 체제와 응용 소프트웨어 사이에서 동작하는 중간자 소프트웨어입니다. 하지만 웹에서 말하는 미들웨어는 요청과 응답 중간에서 동작하는 것들을 미들웨어라고 부릅니다. 라우터 등이 대표적이 미들웨어의 일종입니다. 익스프레스에서는 이 미들웨어들을 핵심적으로 다루며 동작합니다. 기본적으로 .use()메소드로 미들웨어를 다루게 됩니다. .use(미들웨어) 지난번 코드에 미들웨어 다루는 것을 이어서 작성해보겠습니다. const express = require('express'); const app = express(); app.set('port', process.env.PORT ||.. 2021. 12. 5. 이전 1 ··· 7 8 9 10 11 12 13 ··· 52 다음 300x250
