post-thumbnail

Shallow Copy & Deep Copy

얕은 복사의 경우 developer1의 값이 저장된 메모리 주소의 값을 developer2로 복사해옵니다. 그렇기 때문에 developer2의 name값을 변경하더라도 developer1의 값이 변경되는것 입니다. 깊은 복사의 경우는 developer2의 값에 저장된

2022년 5월 5일
·
0개의 댓글
·

Schema-first vs Code-first

GraphQL로 스키마를 작성하는 방식은 Schema-first와 Code-first 두가지 방식이 있습니다. 어떤 방식으로 스키마를 작성하더라도 정상적으로 작동하는 GraphQL서비스를 만들 수 있습니다. 하지만 어떤것을 선택했느냐에 따라 향후 여러분의 프로젝트를 확

2022년 5월 4일
·
0개의 댓글
·
post-thumbnail

async/await

async와 await은 비동기처리를 하기위한 문법으로 비동기 처리 관련 문법중 가장 최근에 나온 문법입니다. 콜백 함수와 promise의 경우 가독성이 떨어집니다 하지만 async와 await을 사용할 경우 promise문법을 좀더 편리하고 보기 쉽게 사용할 수 있습

2022년 5월 4일
·
0개의 댓글
·

Promise

Javascript에서 실행을 완료해 결과 값을 받기까지 얼마 시간이 걸리지 않는 코드도 있지만 오랜 시간을 기다려야 그러한 결과값을 받아 올 수 있는 코드도 존재합니다. Javascript의 특징인 비동기 처리는 이러한 코드의 실행이 완료될 때까지 기다리지 않고 다음

2022년 5월 3일
·
0개의 댓글
·

Scope

Scope란 자바스크립트가 변수에 접근이 가능한지 결정하는 현재의 컨텍스트를 의미합니다. 만약 변수나 다른 표현식이 스코프내에 있지 않다면 자바스크립트로 접근이 불가능 합니다. 스코프는 계층적인 구조를 가지고 있기 때문에 하위 스코프에서 상위 스코프로 접근은 가능하지만

2022년 5월 3일
·
0개의 댓글
·
post-thumbnail

Nest JS의 폴더 구조

Nest (NestJS) is a framework for building efficient, scalable Node.js server-side applications.nestJS의 공식사이트에서 소개하고 있는 문구입니다. NestJS는 프레임워크로써 Node.js

2022년 4월 7일
·
0개의 댓글
·

TypeOrm

ORM(Object Relational Mapping) 이란 객체와 테이블 시스템을 변형및 연결 해주는 작업입니다.ORM을 사용하지 않을 경우 개발자가 개발을 위해 DB에 접근하기 위해서는 SQL 쿼리문을 직접 만들어야 하고, 그에따라 쿼리문을 작성해야하는 시간이 오래

2022년 3월 28일
·
0개의 댓글
·

package.json이 뭔가요?

여러분이 JS 프로젝트를 다루거나, Node.js, 혹은 프론트엔드 프로젝트를 다루다보면 무조건 package.json이란 파일을 마주친적이 있을겁니다.package.json파일의 경우 여러분의 프로젝트에 대해 설명해줍니다. 여러분들이 사용하는 도구들의 환경설정에 대한

2022년 3월 23일
·
0개의 댓글
·

Husky

Git hooks란 특정한 사건이 발생했을때 작동하도록 해둔 스크립트를 말합니다. 특정한 사건은 커밋 이전이 될수도 있고 커밋 이후가 될수도있습니다. 이러한 기능은 개발자 특정한 코드를 작동시키거나 자동화시켜 특정한 기준을 적용시킬수 있도록 해줍니다.Husky는 Git

2022년 3월 23일
·
0개의 댓글
·

ESLint and Prettier

ESLint은 2013년경에 만들어졌습니다. ESL은 가장 유명한 JS 라이브러리가 되었습니다.ESLint은 여러분의 코드를 분석해 스타일을 체크하거나, 버그를 일으킬수있는 코딩 에러를 찾습니다. Prettier와 비교해 단순히 코딩 에러를 방지하는것보다 더 많은것을

2022년 3월 22일
·
0개의 댓글
·

Hoisting이란?

호이스팅이란 인터프리터가 변수와 함수의 메모리 공간을 선언 전에 미리 할당하는것을 의미합니다. 쉽게 말하자면 자바스크립트에서 변수와 함수의 선언이 코드가 실행되기 이전에 스코프에 최상단으로 이동하는것이라 생각하시면 됩니다.변수와 함수가 가장 위로 이동하는것이기 때문에

2022년 3월 22일
·
0개의 댓글
·

Typescript란?

Typescript란? Javascript의 경우 동적 타입 언어이다보니 타입의 안정성이 보장되지 않아 큰규모에 프로젝트에서 쓰기에는 적합하지 않은 경우가 많이 있습니다. 한 변수가 어디에서는 Number였다가 다른곳에서 확인해보니 String으로 바뀌는등의 문제가

2022년 3월 22일
·
0개의 댓글
·

원시자료형과 참조자료형

원시 자료형의 종류NumbersStringBooleanNullUndefinedSymbols원시 자료형의 경우 객체가 아니기 때문에 메소드가 없습니다. String의 경우는 메소드가 있어서 의아 하실 수 있지만 자바 스크립트에서는 원시 자료형인 String을 객체로 변환

2022년 3월 18일
·
0개의 댓글
·

Undefined , Null

우리는 자주 Undefined 와 Null 에 대해서 혼동 하곤 합니다. 둘은 비슷해 보이지만 다르기 때문에 우리는 그 차이를 알 필요가 있습니다.먼저 undefined 의 경우는 변수가 선언은 되었지만 값을 할당 받지 않은 경우 undefined로 출력됩니다. und

2022년 3월 18일
·
0개의 댓글
·

JavaScript 와 Node의 차이

JavaScript는 프로그래밍 언어로써 웹브라우저에서 동작하기위해 만들어진 언어입니다.Node.JS는 프로그래밍 환경으로써, 브라우저 뿐만아니라 다른곳에서도 동작 할 수 있도록 해줍니다. Node.JS가 있다면 터미널에서 node를 입력하여 브라우저 없이도 실행이 가

2022년 3월 16일
·
0개의 댓글
·

템플릿 리터럴

템플릿 리터럴이란 자바스크립트에서 문자열을 입력하는 방식입니다. 기존에는 " 과 '을 사용하였지만 백틱을 이용하며, 플레이스 홀더를 이용하여 표현식을 넣을 수 있습니다. 표현식의 경우 (${expression}) 로 표기합니다.위는 기존의 표현식이며 아래는 팀플릿 리터

2022년 3월 16일
·
0개의 댓글
·

구조 분해 할당

구조 분해 할당 (Destructuring assignment)란 JS의 표현식으로써 배열의 값들이나 객체의 속성을 해체하여 다른 변수에 담을수 있도록 해줍니다.구조 분해 할당은 원래 변수에서 어떤 값을 분해해 할당할지 정의합니다.위의 예제에서는 배열 x의 값인 1과

2022년 3월 16일
·
0개의 댓글
·

ES6의 특징

ES6이 왜 중요한가?ES6에서는 새롭개 지원하는 기능들이 많이 추가가 되었기에 중요하다.const 와 let 의 추가const 와 let 은 ES6에서 추가된 변수 선언 키워드이다. const 와 let 은 var 보다 더욱더 엄격한 변수 선언이 가능하게 해준다.co

2022년 3월 15일
·
0개의 댓글
·

let, const, var

변수의 선언은 var, let, const의 키워드로 가능하다.var은 동일한 이름의 변수 선언이 가능해 생각지 못한 오류가 발생 할 수 있으므로 실무에서는 거의 쓰지 않는다.let 과 const는 중복 변수의 선언이 불가능하다. 선언 할 경우 오류가 발생한다.cons

2022년 3월 15일
·
0개의 댓글
·

Callback 이란?

callback 이 무었인지 간략하게 설명하자면콜백은 함수로써, 다른 함수가 작동이 완료된 이후에 호출이되어 작동하게되는 함수이다.콜백함수가 왜 필요하냐면 JavaScript는 응답을 받을때 까지 기다리는것이 아니라 계속 동작하기 때문에 콜백함수는 특정 함수가 함수가

2022년 3월 15일
·
0개의 댓글
·