티스토리

밤의 공간
검색하기

블로그 홈

밤의 공간

bamtory29.tistory.com/m

Bam_t 님의 블로그입니다.

구독자
2
방명록 방문하기
공지 [이전 공지] 블로그를 Velog로 ⋯ 모두보기

주요 글 목록

  • [블로그 이전 공지] Velog로 이사를 준비하고 있습니다. 이 글이, 공지사항란에도 있지만, 공지사항란이 노출되지 않아서 다른 카테고리에 다시 작성하게 되었습니다. 블로그를 2022년도 부터 Velog로 옮기려고 합니다. 티스토리는 무난하다는 Simple is Best가 최고의 장점으로 작용했지만, 기술 블로그를 운영하는 저로써는 개발자에 특화된 Velog가 좀 더 매력적이라고 생각되어서 Velog로 이전하려고 합니다. 또한 블로그의 가독성을 위해 스킨을 직접 커스텀하고 꾸며야하는 티스토리에 비해 기본 제공되는 스킨이 가독성이 좋고 깔끔한 Velog가 더 좋다고 생각되었습니다. 아무래도 커스텀하는 시간에 차라리 로직을 한 번 더, CS를 다시 훑어보는게 낫다고 판단되기에 스킨 꾸미는 것에 관심이 없던 것도 한 몫 했습니다. 현재, 이 블로그의 글들을 Velog로.. 공감수 1 댓글수 0 2022. 2. 9.
  • [MongoDB] update()와 기존 데이터 수정하기 이번엔 CRUD에서 U(Update)를 담당하고 있는 업데이트와 관련한 함수를 알아보겠습니다. 지난 포스트에서 find()를 실습하며 만들어두었던 데이터베이스와 컬렉션을 이용하겠습니다. 1. update() db.컬렉션명.update({쿼리}, {업데이트값}, {옵션}) 도큐먼트는 update() 함수를 통해서 내용을 변경할 수 있습니다. 각 파라미터에 대해서 설명을 하겠습니다. 쿼리는 find()에서 검색을 위해 조건을 넣던 쿼리와 동일합니다. 이 쿼리로 변경할 도큐먼트를 찾습니다. 업데이트 값은 수정할 값을 적는 파라미터입니다. 옵션에는 upsert(찾는 값이 없으면 새로 추가), multi(여러 도큐먼트 변경) 등이 있습니다. 현재 다음과 같은 컬렉션이 있습니다. 여기에서 이름이 ed인 도큐먼트를 .. 공감수 0 댓글수 0 2022. 2. 7.
  • 서버 사이드 렌더링과 클라이언트 사이드 렌더링 1. 서버 사이드 렌더링 SSR 서버 사이드 렌더링(SSR, Server Side Rendering)은 서버에서 페이지를 만들어서 클라이언트에게 보여주는 방식입니다. 기존의 웹개발에서 주로 사용되던 방식으로 브라우저에 렌더링되는 형태를 HTML문서로 만들어서 보내주는 식으로 진행이 됩니다. 이 방식은 요청시 새로고침을 해야하고 클라이언트 사이드 렌더링 에 비해서 처음 렌더링되어 보여주기 까지의 시간이 길었습니다. 요청마다 새로고침이 발생하고, 한 페이지에서 보여주는 정보가 무수히 많은 웹 페이지에서는 오히려 사용자 경험을 떨어뜨리는 경우가 있어서 그런 경우 클라이언트 사이드 렌더링을 하는 경우가 있습니다. 2. 클라이언트 사이드 렌더링 CSR 클라이언트 사이드 렌더링(CSR, Client Side Ren.. 공감수 0 댓글수 0 2022. 2. 5.
  • [React] 리액트에서 코드 스플리팅 1. 코드 스플리팅 code splitting 코드 스플리팅이 무엇인지에 대해서 먼저 알아보겠습니다. 리액트 카테고리에 집어넣긴 했지만, 웹팩(webpack)을 이용한 다른 어플리케이션에서도 모두 사용 가능한 언어입니다. 웹팩도 간단히 설명하자면, 어플리케이션의 모든 파일들을 묶고 압축하여 하나의 결과물을 만들어주는 웹 개발 도구입니다. 자바스크립트로 개발을 하고 배포하는 과정에서 빌드(build) 과정을 거치게 되는데, 이 과정에서 모든 파일들이 하나로 합쳐지게 됩니다. 우리가 index.js, components들로 나눴던 소스 코드들이 하나의 거대한 소스 코드로 합쳐진다는 말입니다. 간단한 프로젝트라면 영향이 적겠지만, 거대한 프로젝트라면(특히 SPA 페이지에서) 길고 많은 자바스크립트 코드(.cs.. 공감수 1 댓글수 0 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.. 공감수 0 댓글수 0 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,.. 공감수 1 댓글수 1 2022. 2. 2.
  • [Javascript] Strict mode 자바스크립트는 1995년도에 개발된 오래된 언어입니다. 현재 2022년까지 무려 27년이 되었습니다. 긴 역사만큼 수많은 문법과 구문들이 자바스크립트에 등장했고, 그 중에서는 현재 사용하면 안정성 혹은 효율을 떨어뜨리는 구문도 존재합니다. 이런 구문들을 피하려면 왜 이 구문이 문제였고, 어떤 방식으로 피할지에 대해 알아야하는데, 이 구문들이 하나둘씩 늘어나다 보니 개발자들에게 부담으로 다가오기 시작했습니다. 그래서 자바스크립트는 Strict mode(엄격 모드)를 지원하기 시작해서 이러한 구문들을 자바스크립트 측에서 발견하여 알려주고, 개발자는 따로 알아두지 않아도 되도록 만들었습니다. 1. Strict mode Strict 모드는 개발자에게 편의성을 주는 모드입니다. 서론에서 언급했듯이, 여러 이유로 .. 공감수 0 댓글수 0 2022. 1. 30.
  • [Javascript] Object 객체 객체들의 객체인 Object 객체에 대해서 알아보겠습니다. 1. Object 객체 Object 객체는 객체에 대한 공통적인 속성과 기능을 제공하는 객체입니다. 다시말해 Object 객체는 객체의 객체라고 할 수 있습니다. 내장형 객체와 사용자 정의 객체도 Object 객체에 포함되어 Object 객체의 기능들을 이용할 수 있습니다. Object 객체는 많은 멤버들을 가지고 있는데, 그 중에서 가장 많이 사용되는 멤버들을 몇 가지 소개하고 넘어가겠습니다. 멤버 설명 constructor 생성자 함수 지정 assign(target, obj, ...) 객체 target에 obj 객체들을 복사 create(prototype) prototype 객체를 기반으로 새 객체 생성 is(value1, value2) va.. 공감수 0 댓글수 0 2022. 1. 30.
  • [Javascript] Closure 1. 스코프 체인 Closure에 대해서 알아보기 전에, 스코프 체인에 대한 개념을 간단하게 짚고 넘어가겠습니다. 자바스크립트는 스크립트가 실행 될 때, 내부적으로 Global 객체를 생성합니다. 이 객체는 인스턴스화하거나 메소드 호출이 불가능한 객체로, 스크립트에서 글로벌 변수/함수를 관리하기 위해 내부적으로 자동 생성되는 객체입니다. 마찬가지로 로컬 변수 또한 글로벌 객체와 유사한 객체로 관리됩니다. 이를 Call 객체(Activation 객체)라고 부르는데, Call 객체는 Global 객체처럼 인스턴스화나 메소드 호출이 불가능하며, 함수가 호출 될 때마다 로컬 변수들을 관리하기 위한 자동 생성 객체입니다. 이렇게 여태까지 몰랐어도 문제가 없었고, 직접 사용할 수도 없는 자동 생성 객체를 왜 굳이 .. 공감수 0 댓글수 0 2022. 1. 29.
  • [MongoDB] 데이터베이스, 컬렉션 몽고디비에서 데이터베이스와 컬렉션을 만들고 이용하는 방법을 알아보겠습니다. 1. 데이터베이스 생성하기 시작하기 앞서 지금 어떤 데이터베이스가 있는지 알아보겠습니다. 현재 작업중인 데이터베이스를 확인하는 명령어는 db명령입니다. db 현재는 test라는 데이터베이스에서 작업중입니다. 실습을 위한 데이터베이스를 하나 만들어보겠습니다. 몽고디비에서 데이터베이스를 생성하는 명령어는 use입니다. use 데이터베이스명 use가 작업할 데이터베이스를 선택하는 일도 하지만, 지정한 데이터베이스명에 일치하는 데이터베이스가 없을 경우, 데이터베이스를 생성하기도 합니다. practice라는 이름의 db를 생성하고 선택까지 되었습니다. 현재 존재하는 데이터베이스를 확인하는 명령은 show dbs입니다. db가 생성되어 있더.. 공감수 0 댓글수 0 2022. 1. 28.
  • [MongoDB] BSON BSON(Binary JSON)은 JSON의 이진 표현 방식입니다. JSON의 장점을 살려리면서도 JSON 보다 더 많은 데이터 유형을 가질 수 있다는 장점이있습니다. 또, 문자열 기반인 JSON은 해석하는데 이진 표현 방식보다 느릴 수 밖에 없기에 JSON 보다 더 빠른 속도를 가질 수 있습니다. 몽고디비에서는 데이터 레코드 저장하기 위한 방식으로 BSON을 이용합니다. 물론 관리자가 작성하고 볼 때는 JSON의 형태를 가지지만, 실제로 전송될 때는 이진 표현으로 만들어서 저장/송수신하게 됩니다. BSON은 JSON과 유사하게 키/값 쌍으로 이루어진 필드를 갖습니다. { 키: 값, 키: 값, ... } 위에서도 언급했지만 BSON은 JSON에 비해 더 많은 값을 가질 수 있다고 했습니다. JSON은 S.. 공감수 0 댓글수 0 2022. 1. 27.
  • [MongoDB] 몽고DB 지난 포스팅까지는 SQL의 대표주자인 오픈소스 MySQL과 MySQL의 SQL 문법을 알아보았습니다. 이번에 소개드릴 데이터베이스는 몽고DB입니다. 왜 SQL을 배웠는데, 다른 것을 다시 배우는 지부터, 몽고 디비가 무엇인지까지도, 이번 포스트에서 소개해드리겠습니다. 1. NoSQL NoSQL은 이름에서 느낄 수 있듯이 SQL을 사용하지 않는 데이터베이스입니다. 사용하지 않는다고 했지만 이는 정확하지 않은 이야기이고, SQL을 사용할 수는 있으므로 No를 Not only라고도 부르기도 합니다. 그렇다면 SQL문을 사용하지 않았을 때의 장점은 무엇이길래 NoSQL이 등장하게 되었을까요? NoSQL 데이터베이스는 기존의 관계형 데이터베이스에 비해 융통성있고, 데이터를 다루는데 개선된 매커니즘을 다루고 있습니.. 공감수 0 댓글수 0 2022. 1. 27.
  • [React/Redux] redux-thunk 리덕스의 또 다른 미들웨어인 redux-thunk에 대해 알아보겠습니다. redux-thunk는 가장 많이 다운로드된 리덕스 미들웨어입니다. 그 다음으로 많이 사용되는 redux-saga도 꽤 많은 다운로드 수를 보여주고 있지만 redux-thunk에 비하면 1/3가량 밖에 되지 않는 숫자입니다. 1. redux-thunk redux-thunk는 비동기 처리를 관리해주는 리덕스 미들웨어입니다. 비동기 처리에 대해 다시 짚고 넘어가자면 어떤 명령이 실행되는 동안, 다음 코드들은 그 명령이 완료될 때까지 기다리지 않고, 작업을 수행하는 것을 말합니다. thunk의 의미는 공식 깃허브에 올라와있는데, 특정 식을 함수로 래핑해 작업을 지연시키는 것을 의미합니다. 즉, 식은 정의해놓고 나중에 호출하고 계산함으로써.. 공감수 0 댓글수 0 2022. 1. 26.
  • [MySQL] 문자열 타입 숫자 타입에 이어서 MySQL의 문자열 타입에 대해 알아보겠습니다. MySQL의 문자열 타입은 단순히 문자열만을 저장하는 역할 외에도 이미지나 동영상 등의 바이너리 파일도 저장이 가능한 타입입니다. 1. CHAR, VARCHAR CHAR, VARCHAR는 가장 기본적인 문자열 타입입니다. 두 타입은 텍스트 문자열을 저장하고, 컬럼의 크기가 제한되어있습니다. 그렇다면 두 타입의 차이는 무엇일까요. CHAR는 고정 길이를, VARCHAR는 가변 길이 문자열을 저장합니다. CHAR의 문자열이 지정한 크기보다 작으면 나머지 공간을 자동으로 채워주고 VARCHAR는 그렇지 않습니다. 무엇이 더 뛰어나다고는 할 수 없으므로 상황에 맞게 두 타입을 이용해야합니다. 예를 들어 학생부 데이터베이스에서 학번은 보통 8자리.. 공감수 0 댓글수 0 2022. 1. 25.
  • [MySQL] 숫자 타입 데이터들엔 타입이 존재합니다. 학번 데이터라면 정수를, 이름 데이터라면 문자열을 저장하듯이 SQL에서도 타입이 존재합니다. 오늘 포스트에서는 여러 타입 중 숫자와 관련한 타입들을 알아보도록 하겠습니다. 모든 숫자 타입은 UNSIGNED 옵션을 사용할 수 있습니다. UNSIGNED 옵션을 사용하면 0과 양수만을 표현하게 됩니다. 타입(크기) 1. 정수 우선 가장 기본적인 숫자라고 할 수 있는 정수 타입에 대해 알아보겠습니다. 타입명 크기 값의 범위 값의 범위 (unsigned) TINYINT 1 byte -(2^7) ~ 2^7 - 1 0 ~ 2^8 - 1 SMALLINT 2 byte -(2^15) ~ 2^15 0 ~ 2^16 - 1 MEDIUMINT 3 byte -(2^23) ~ 2^23 0 ~ 2^24 .. 공감수 0 댓글수 0 2022. 1. 24.
  • [MySQL] 데이터 제어문 DCL MySQL의 세 명령 구분 중 마지막인 데이터 제어문입니다. 데이터 제어문은 주로 데이터베이스에 대한 권한을 다루는 명령입니다. 1. CREATE USER 우리는 처음 MySQL을 설치할 때 설치과정에서 관리자 계정(root)을 만들고 사용했습니다. 우리가 혼자서 사용할 땐 문제되지 않지만, 실제 상황에선 관리자 용 하나를 쓰기보단 여러 계정을 들고 각자 관리하게 됩니다. 새로운 데이터베이스 계정을 생성하기 위해서는 CREATE USER 명령을 사용합니다. 이 명령은 모든 계정에서 가능한 것은 아니고 권한이 필요한데 보통 유저 생성은 root계정으로 생성합니다. CREATE USER 명령은 다음과 같이 사용합니다. 이 명령의 주의점은 MySQL에서는 사용자 계정이 mysql이라는 데이터베이스의 user .. 공감수 0 댓글수 0 2022. 1. 23.
  • [MySQL] 주석 1. MySQL 주석 다른 프로그래밍 언어, 혹은 명령어들 처럼 MySQL에도 주석이 존재합니다. MySQL에서 주석을 작성하는 방법은 총 3가지가 있습니다. 첫 번째 방법은 #입니다. #으로는 한 줄 짜리 주석을 작성하는데 사용할 수 있습니다. #한 줄 주석 두 번째 방법은 하이픈 두 개(--) 입니다. 역시 마찬가지로 한 줄 주석을 작성하는데 사용합니다. 이 방법의 주의점은 하이픈 두 개를 쓰고 반드시 한 칸을 띄워야 주석으로 해석된다는 점 입니다. -- 한 줄 주석 마지막 세 번째 방법은 /* */입니다. 이 방법은 여러줄의 주석을 작성하는데 사용됩니다. /* 여러 줄 주석 */ 공감수 3 댓글수 0 2022. 1. 23.
  • [MySQL] 데이터 조작문 DML - UNION, SUB QUERY 데이터 조작문의 마지막 포스트입니다. 마지막으로 다룰 데이터 조작문 명령은 UNION과 SUB QUERY입니다. 테이블은 지난번 포스트와 동일한 두 개의 테이블을 이용하겠습니다. 1. UNION UNION 명령은 여러 테이블의 SELECT 명령 결과를 하나의 테이블로 표현할 때 이용합니다. 유니온을 사용할 땐 몇 가지 규칙이 있는데 다음과 같습니다. SELECT 구문의 순서는 상관하지 않는다. 각 SELECT 구문은 표현식이 같아야한다.(컬럼 수 등이 일치) 중복된 결과는 하나만 표시한다. ORDER BY 구문은 한 번만 사용한다. 컬럼타입은 반환 가능한 타입만 이용한다. UNION 구문은 다음과 같이 사용합니다. SELECT 구문 UNION SELECT 구문; (계속해서 가능) 본 예제와 같이 UNIO.. 공감수 1 댓글수 0 2022. 1. 23.
  • [MySQL] 데이터 조작문 DML - JOIN 1. JOIN 소개 JOIN은 여러 테이블 내에서 조건에 맞는 레코드들을 모아 테이블의 형태처럼 만들어 보여주는 것입니다. 보통 JOIN 구문은 SELECT명령과 함께 조합되어서 이용됩니다. 또한 JOIN을 위해서 테이블에 외래키가 존재해야합니다. 실습을 위해서 다음과 같은 (교수-학생)테이블을 만들었습니다. 두 테이블의 Primary Key는 모두 id로 이 id 컬럼이 외래키가 됩니다. JOIN 구문은 여러 종류가 있는데 크게 4가지를 알아보겠습니다. 2. INNER JOIN INNER JOIN은 가장 기본적인 JOIN의 형태입니다. 그래서 MySQL에서는 INNER JOIN을 JOIN으로 축약해서 사용하도록 만들어져 있습니다. INNER JOIN의 동작은 조건에 만족하는 데이터만을 가져오는 동작을 .. 공감수 0 댓글수 0 2022. 1. 21.
  • [MySQL] 데이터 조작문 DML 지난 포스트에서는 데이터베이스와, 테이블을 만드는 데이터 정의문에 대해 알아보았었습니다. 이번 포스트에서는 데이터의 검색, 삽입, 수정, 삭제 등의 조작을 하는 데이터 조작문에 대해 다뤄보겠습니다. 테이블에 대한 실습은 데이터 정의문에서 만들었던 테이블을 가지고 계속해서 실습진행하겠습니다. 1.INSERT INTO INSERT INTO문은 테이블에 레코드(행, row)를 삽입하는 명령입니다. INSERT INTO문은 두가지 방식으로 작성할 수 있습니다. 주의할 점은 컬럼명과 값 타입 등이 일치해야 오류 없이 레코드가 삽입됩니다. INSERT INTO 테이블명 (컬럼명, ...) VALUES (값, ...); INSERT INTO 테이블명 VALUES (값, ...); 레코드가 제대로 삽입되었는지는 SEL.. 공감수 0 댓글수 0 2022. 1. 20.
  • [MySQL] 데이터 정의문 DDL 본격적으로 MySQL의 SQL문을 배워보도록 하겠습니다. 첫번째 순서로는 데이터 정의문에 대한 내용입니다. 명령어 실습은 윈도우 명령 프롬프트 상에서 진행되었습니다. 1. CREATE DATABASE/CREATE SCHEMA CREATE DATABASE는 데이터베이스를 생성하는 명령입니다. MySQL에서는 데이터베이스를 스키마라고 하기 때문에 CREATE SCHEMA로도 데이터베이스를 생성할 수 있습니다. CREATE DATABASE 데이터베이스명; CREATE SCHEMA 데이터베이스명; 명령어 입력후 Query OK라는 문구가 나오면 데이터베이스 생성에 성공한 것 입니다. 2. SHOW DATABASES 현재 존재하는 데이터베이스들을 확인할 수 있는 명령입니다. SHOW DATABASES; 3. US.. 공감수 0 댓글수 0 2022. 1. 20.
  • [MySQL] MySQL 1. MySQL MySQL은 가장 인기있는 DBMS입니다. 예전에 비해 NoSQL이나 다른 DBMS들이 등장하며 점유율을 많이 내주었지만, 여전히 가장 많이 사용되는 DBMS의 자리를 지키고 있습니다. MySQL은 SQL을 이용하는 관계형 데이터베이스로 동작이 빠르고, 다양한 환경을 지원하며, 오픈 소스라는 특징을 가지고 있습니다. SQL은 Structured Query Language, 구조화된 질의 언어라고 하는 언어입니다. 즉, SQL은 데이터 베이스에 질의하기 위해 구조화된 언어입니다. 질의(Query, 쿼리)는 사용자는 데이터베이스에 명령으로 처리할 내용을 담아 보내는데, 이 명령들을 문자로 나타낸 것을 질의라고 합니다. MySQL은 아래 링크에서 다운받으실 수 있습니다. https://dev... 공감수 0 댓글수 0 2022. 1. 19.
  • [React/Redux] redux-logger 지난번에 소개한 미들웨어 중 로그와 관련한 동작을 하는 redux-logger 미들웨어입니다. 0. 실습 준비 이 코드는 리덕스 미들웨어를 공부하기 위해 만든 코드입니다. 버튼에 따라서 글자와 색상이 변경되는 리액트-리덕스 앱입니다. 미들웨어 포스트에서 이 코드를 가지고 실습을 진행하도록 하겠습니다. 이 프로젝트의 루트 리듀서 코드입니다. // modules/index.js import {combineReducers} from 'redux'; import colorChangerMW from './colorChangerMW'; const rootReducer = combineReducers({colorChangerMW}); export default rootReducer; 다음은 리덕스 모듈(액션 객체, .. 공감수 0 댓글수 0 2022. 1. 19.
  • [React/Redux] 리덕스 미들웨어 리덕스 미들웨어 리덕스 미들웨어는 액션과 리듀서 사이에서 동작합니다. 리덕스가 적용된 앱에서, 액션이 발생하면 리듀서가 변화를 발생시킵니다. 이때 미들웨어를 추가하면, 액션이 발생하고 리듀서가 변화를 일으키기 전에 미들웨어가 동작을 하게 됩니다. 따라서 리덕스 미들웨어는 액션과 리듀서 사이에서 동작하는 것이라고 볼 수 있습니다.그렇다면 무엇을 위해 미들웨어를 중간에 끼워넣어서 사용해야 할까요? 언급한대로라면 리덕스는 순서대로 동작합니다. 액션이 발생해야만 리듀서가 동작을 처리하고 그에 따른 상태를 반환하게 됩니다. 이러한 정해진 순서대로 동작하는 것만으로는 해결할 수 없는 일들이 존재합니다. 대표적으로 setTimeout의 역할 같은 시간 지연이나 API를 받아오는 비동기 작업들을 처리하기 위해서 리덕스.. 공감수 0 댓글수 0 2022. 1. 18.
  • 관계형 데이터베이스 용어 정리 이번에는 관계형 데이터베이스의 용어를 정리해보겠습니다. 용어들이 처음 접하면 매우 헷갈리고 복잡한 경우가 있으니 주의해주세요. 릴레이션 Relation 릴레이션은 테이블을 의미합니다. 릴레이션은 특정한 성질을 가진 2차원의 테이블을 주로 의미하게 됩니다. 특정한 성질은 다음 세 가지가 있습니다. 각 개체는 단일 값을 가진다. (배열이나 객체의 그룹은 가질 수 없다.) 각 열의 순서는 없으며, 유일한 이름을 갖는다. 각 행의 순서는 없으며, 유일한 이름을 갖는다. (유일하다는 건, 데이터가 나타내는 문자, 숫자는 같더라도, 그 성질 등이 다르다는 이야기입니다.) 테이블(릴레이션)의 행과 열 행(row)는 행, 튜플(tuple), 레코드(record)라는 이름을 갖습니다. 열(column)은 열, 필드(fi.. 공감수 0 댓글수 0 2022. 1. 15.
  • [Javascript] 명명된 인수 이번에 소개할 방식은 명명된 인수입니다. 명명된 인수는 함수를 호출할 때 이름을 명시할 수 있는 인수를 말합니다. 1. 명명된 인수 명명된 인수는 서론에서 이야기 한 대로 함수를 호출할 때 이름이 명시가능한 인수를 말합니다. 실제 사용예를 보면 다음과 같이 인수를 객체형으로 전달되는 인수들을 명명된 인수라고 이야기합니다. getSum({ num1: 10, num2: 100 }); 그럼 객체 리터럴로 전달하는 명명된 인수에는 어떤 장점이 있길래 사용하는 것 일까요? 명명된 인수는 다음과 같은 장점들을 가집니다. 생략가능한 인수의 표현이 쉽다. 인수의 순서 변경이 쉽다. 인수가 많아도 코드를 해석하기 쉽다. 위의 장점에 따라 명명된 인수는 아래 코드와 같은 표현도 가능합니다. getSum({ num1: 10.. 공감수 0 댓글수 0 2022. 1. 15.
  • [Javascript] function 명령과 Function 명령/함수 리터럴 study-repo를 만들면서 함수에 대한 내용들이 부족하다고 느끼게 되어 2~3개의 포스트에서 함수에 대한 내용을 다시 다뤄보려고 합니다. function 명령과 Function 명령/함수 리터럴은 작동시 동작에서 차이점을 보입니다. 이번 포스트에서는 이들이 어떤식으로 동작하는지 그 차이점을 분석해보려고 합니다. 1. function 명령 우선 function 명령에 대해 알아보겠습니다. function 명령에 의한 함수 선언을 다시 살펴보면 다음과 같습니다. function(인수, ...) { } 다음과 같은 코드를 생각해봅시다. 일반적인 프로그래밍 사고에 따르면 아래의 코드는 에러를 내보내야합니다. 왜냐하면 함수가 먼저 호출되고 그 이후에 선언/정의 되었기 때문입니다. 하지만 실행해보면 정삭적으로 .. 공감수 0 댓글수 0 2022. 1. 14.
  • [Javascript] Proxy 객체 Proxy 객체는 ES2015부터 추가된 객체입니다. 프록시(Proxy)라는 단어의 뜻인 대리, 대신 처럼 무언가를 대신하는 역할을 하는 객체입니다. 1. Proxy 객체 Proxy 객체는 객체의 기본적인 동작의 새로운 동작을 정의할 때 사용하는 객체입니다. 새로운 동작이라는 것은 기존의 객체를 조작하는 행위를 할 때 로그를 찍어준다거나, 객체를 열거할 때 추가적인 가공을 한다거나 하는 식으로 사용자가 제작한 어플리케이션에서 객체의 독자적인 새로운 동작을 정의한다는 것 입니다. 프록시 객체를 이용하면 객체 내부를 건드리지 않고 새로운 동작을 구현할 수 있습니다. 프록시 객체는 다음과 같이 사용합니다. new Proxy(타겟, 핸들러); 타겟은 조작을 추가할 대상 객체, 핸들러는 타깃의 조작을 정의하는 객.. 공감수 0 댓글수 0 2022. 1. 14.
  • 데이터 모델 1. 데이터 모델 데이터 모델은 현실세계의 요소들을 인간, 컴퓨터가 이해하도록 단순화시켜 추상화한 모형을 의미합니다. 스키마를 논리적으로 표현하기 위해 데이터 모델을 이용하게 됩니다. 고양이를 가지고 데이터 모델링을 하면, 특성으로 종, 털의 색상 정도가 올 수 있겠고, 값은 종의 값으로 노르웨이 숲, 러시안 블루와 같은 값을 갖고, 털의 색상의 값으로는 황금색, 하얀색, 검은색과 같은 값을 가지게 됩니다. 이처럼 현실세계의 요소를 가지고 이해하기 쉽게 추상화 시킨것을 데이터 모델이라고 합니다. 2. 데이터 모델의 세 가지 종류 데이터 모델에는 개념, 논리, 물리 데이터 모델 3가지로 구분할 수 있습니다. 개념 데이터 모델 개념 데이터 모델은 요소를 인간이 이해할 수 있는 정보 구조로 표현하는 데이터 모.. 공감수 0 댓글수 1 2022. 1. 13.
  • 깃허브 study-repo 작성 https://github.com/Bam-j/study-repo GitHub - Bam-j/study-repo: 공부한 글(링크)들을 총망라 해두었습니다. 공부한 글(링크)들을 총망라 해두었습니다. Contribute to Bam-j/study-repo development by creating an account on GitHub. github.com 작년 하반기부터 만들어 나가기 시작했던 깃허브를 보니 너무 난잡하길래 정리를 해야겠다고 생각하게되었습니다. 깔끔한 나의 깃허브를 만들자는 목적과 추후에 내 포트폴리오가 될 깃허브를 정리하자 라는 목적이 맞아 떨어져서 하루정도 시간을 할애하게 되었습니다. 링크를 통해 각 언어별 카테고리로 이동할 수 있게 했고, 각 카테고리는 마치 책의 목차처럼 제목과 주제.. 공감수 0 댓글수 0 2022. 1. 12.
    300x250
    문의안내
    • 티스토리
    • 로그인
    • 고객센터

    티스토리는 카카오에서 사랑을 담아 만듭니다.

    © Kakao Corp.