profile
그림도 그리는 개발자 🎨👩‍💻
post-thumbnail

[Note] GraphQL ecosystem, etc

노트 정리중가장 단순하고 간단함. Basic queries, mutations, 간단한 캐싱 등을 제공MeteorJS 개발자가 개발, 기능과 복잡도의 적절한 균형모바일에서 뛰어난 성능 퍼포먼스 보이지만, 굉장히 복잡하다. 대형 애플리케이션에서 활용 가능익스프레스-그래프

2021년 6월 7일
·
0개의 댓글
post-thumbnail

GraphQL VS REST

Graph Query LanguageGraphQL 은 단하나의 Endpoint 가 존재합니다.또한 , gql API 에서는 불러오는 데이터의 종류를 쿼리 조합을 통해서 결정합니다.Endpoint 는 1개만 생성하고 클라이언트에게 필요한 데이터는 클라이언트가 직접 쿼리작

2021년 5월 31일
·
0개의 댓글
post-thumbnail

[Node.js] AWS multer-s3 사용, multer 이용시 req.body가 undefined로 나오는 경우

multer를 이용해 파일을 전송하고, req.body로 다른 필드정보를 가져오고 싶다면, 요청 순서가 중요하다.보내려는 파일보다 필드를 항상 먼저 받아와야 한다.스택오버플로우 참고

2021년 5월 24일
·
0개의 댓글
post-thumbnail

[Node.js] formdata busboy

이미지파일을 브라우저에서 서버로 전송하기 위해서는 폼에 enctype="multipart/form-data" 를 추가해서 인코딩 타입을 multipart로 해줘야 한다.bodyparser의 req.body 통해 를 읽는것은 불가능하기에 multer에서 활용되는 busb

2021년 5월 24일
·
0개의 댓글
post-thumbnail

[JavaScript] Symbol 데이터 타입

자바스크립트 공부하면서 symbol 타입은 다룰 일이 없어서 잘 모르고 넘어갔었다.함수형 프로그래밍을 공부하게 되면서 이터러블, 이터레이터 프로토콜을 공부해야해 Symbol을 개념을 다시 한번 정리해보려한다!Symbol은 ES6에서 도입된 7번째 데이터 타입으로 변경

2021년 4월 13일
·
0개의 댓글
post-thumbnail

소프트웨어 개발 3대 원칙

DRY (Don't Repeat Yourself): 반복하지 마라반복하지 말라.같은 기능의 같은 코드가 중복되어 있다면 하나의 기능으로 만들어 사용하라. (Ctrl + C / Ctrl + V 금지!!!)반복되는 코드를 모두 찾아서 수정해야하므로 실수 혹은 버그 발생의

2021년 4월 12일
·
0개의 댓글
post-thumbnail

🐱 Github 여러 계정을 한 대의 기기에서 사용하기

출처1출처2새로운 원격저장소 클론기존 원격 저장소 주소 바꿀때

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

[JavaScript] 함수와 일급 객체

다음과 같은 조건을 만족하는 객체를 일급 객체라고 한다.무명의 리터럴로 생성할 수 있다. 즉, 런타임에 생성이 가능하다.변수나 자료구조(객체, 배열 등)에 저장할 수 있다.함수의 매개변수에 전달할 수 있다.함수의 반환값으로 사용할 수 있다.자바스크립트의 함수는 다음 예

2021년 3월 30일
·
0개의 댓글
post-thumbnail

[React Hook] useImperativeHandle, forwardRef

리액트에서 ref를 이용하는 것은 직접적으로 DOM을 다루어야 하는 상황이 아닌 이상 권장되지는 않지만 ref를 이용하면서 유용하게 쓰일 수 있습니다.useImperativeHandle은 ref를 사용할 때 부모 컴포넌트에 노출되는 인스턴스 값을 사용자화(customi

2021년 3월 22일
·
0개의 댓글
post-thumbnail

[React] 리액트 컴포넌트가 두번씩 호출되는 이유?

결론부터 말하자면, 이는 React.StrictMode 때문입니다.따라서 이 Wrapper를 제거해주면 컴포넌트가 두번씩 호출되지 않습니다.StrictMode는 애플리케이션 내의 잠재적인 문제를 알아내기 위한 도구입니다. Fragment와 같이 UI를 렌더링하지 않으며

2021년 3월 9일
·
0개의 댓글
post-thumbnail

[React] Immutability 불변성을 지켜야하는 이유?

불변성은 어떤 값을 직접적으로 변경하지 않고 새로운 값을 만들어내는 것입니다. 필요한 값을 변형해서 사용하고 싶다면 어떤 값의 사본을 만들어서 사용해야 합니다.

2021년 3월 9일
·
0개의 댓글
post-thumbnail

리덕스 Redux 알아보기

벨로퍼트님 유튜브, 벨로퍼트님 리덕스 왜 쓸까?, 리덕스 소개들을 출처로 정리한 포스트입니다.상태 관리 라이브러리 리덕스를 사용하면, 여러분이 만들게 될 컴포넌트들의 상태 관련 로직들을 다른 파일들로 분리시켜서 더욱 효율적으로 관리 할 수 있습니다. 또한, 컴포넌트끼

2021년 2월 26일
·
0개의 댓글
post-thumbnail

[JavaScript] Arrow Function에 없는 것

유투브 출처를 보고 정리한 내용입니다.화살표함수에서는 함수에 이름을 쓰는게 불가능해 변수에 화살표 함수를 할당해주어야합니다.함수는 함수가 실행될 때 함수 자신의 스코프 안에 자기만의 this가 존재합니다.하지만 화살표 함수에는 this가 존재하지 않습니다.this가 존

2021년 2월 22일
·
0개의 댓글
post-thumbnail

[JavaScript] =, ==, ===

출처를 정리한 내용입니다.자바스크립트는 엄격한 비교와 유형변환 비교를 모두 지원하므로, 어떤 연산자가 어떤 비교조건에 사용되는지가 중요합니다.'='는 value 값을 의미합니다. ex)number =2'=='는 value와 value를 비교합니다. 비교하는 두 개의 값

2021년 2월 21일
·
0개의 댓글
post-thumbnail

[JavaScript] this 알아보기

출처1 출처2 출처3 위의 출처를 통해 정리한 내용입니다. 📌 this란? 자바스크립트는 기본적으로 변수나 함수가 선언되었을 때 스코프가 결정되는 정적 스코프 방식을 따릅니다. 하지만 this는 전역 스크립트가 실행되거나 함수가 호출될 때 JS 내부 규칙에 따라서

2021년 2월 21일
·
0개의 댓글
post-thumbnail

[JavaScript] 스코프 Scope 와 클로저 Closure

스코프는 '범위'라는 의미로 변수의 값에 접근하고 찾아볼 때 들여다보게 되는 곳입니다.스코프는 전역 스코프와 지역 스코프로 나눠볼 수 있습니다.자바스크립트 프로그램을 시작 후, 어떤 함수도 호출하지 않았을 때, 실행 흐름은 전역 스코프에 있습니다.중괄호 {}의 밖을 전

2021년 2월 20일
·
0개의 댓글
post-thumbnail

[JavaScript] Prototype 알아보기

자바스크립트는 프로토타입 기반 언어입니다. 클래스가 없어 기본적으로 상속이라는 개념이 없으므로, 클래스 기반 언어의 상속을 흉내내기 위해 프로토타입을 이용합니다.ECMA6 표준에서는 Class 문법이 추가되었습니다. 하지만 문법이 추가되었다는 것이지, 자바스크립트가 클

2021년 2월 19일
·
0개의 댓글
post-thumbnail

크로스 브라우징 Cross-browsing 이란? (Pollyfill 폴리필, Babel 바벨, Webpack웹팩)

Croos Browsing이란 적어도 표준 웹기술을 채용하여 다른 기종 혹은 플랫폼에 따라 달리 구현되는 기술을 비슷하게 만듦과 동시에 어느 한쪽에 최적화되어 치우지지 않도록 공통 요소를 사용하여 웹 페이지를 제작하는 기법을 말하는 것이다. 또한, 지원할 수 없는 다른

2021년 2월 13일
·
0개의 댓글
post-thumbnail

[JavaScript] Optional chaining ES11

Object내에 Nesting 되는 nullish(null || undefined) 한 값의 null 체크가 계속 필요한데, 이를 Optional chaining을 이용해 해결 가능하다. >만약 앞의 참조하는 값이 nullish(null 또는 undefined)일 경우

2021년 2월 7일
·
0개의 댓글
post-thumbnail

[JavaScript] Nullish coalescing operator ES11

널 병합 연산자 (??) 는 왼쪽 피연산자가 null 또는 undefined일 때 오른쪽 피연산자를 반환하고, 그렇지 않으면 왼쪽 피연산자를 반환하는 논리 연산자이다.논리 연산자 OR (||)와 달리, 왼쪽 피연산자가 null 또는 undefined가 아닌 falsy

2021년 2월 7일
·
0개의 댓글