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

[Note] FP 영상 정리

비동기 프로그래밍 에러 핸들링이미지 로더 구현 했을 때 아래와 같이 async await로 계속 받아봐야하는 비슷한 상황이 있어서 영상과 정확히 같은 의문점이 들었었는데, 에러 핸들링 어떤식으로 구현하는지 볼수 있음동기/비동기 에러 핸들링에서의 파이프라인의 이점은자바스

2021년 8월 21일
·
0개의 댓글

함수형 프로그래밍

📌 함수형 프로그래밍이란? 명령형 프로그래밍을 기반으로 개발했던 개발자들은 개발하는 소프트웨어의 크기가 커짐에 따라, 복잡하게 엉켜있는 스파게티 코드를 유지보수하는 것이  매우 힘들다는 것을 깨닫게 되었다. 그리고 이를 해결하기 위해 함수형 프로그래밍이라는 프로그래

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

[Note] 정규표현식 RegExp

맨날 까먹으니까 정리해야지..💩g - global 다수의 결과값 출력m - multiline ^(문장의 시작) 와 $(문장의 끝) 사용시 여러 줄에 적용(m을 사용하지 않으면 $을 사용 할 경우 줄별로 적용되는 것이 아니라 전체 문장의 맨 끝에만 적용된다.) i -

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

[Note] Vue&Node.js express 하나의 서버로 연동, meta tag 동적으로 업데이트, Heroku 배포

meta tag 동적으로 백에서 변환 해주고 vue에서 index.html 빌드 하지 않고 서버의 커스텀 index.html 사용vue에서 작성된 부분index.html 빌드를 vue에서 하지 않고 백엔드 에서 넘겨줌engines 에 node 버전 정보 필요,scrip

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

👻 Social media url 링크 공유 미리보기, Open graph, Twitter card

📌 social media url 공유 meta tag 작성 페이스북, 링크드인은 Open Graph 사용 트위터는 twitter card 사용 📌 공유 버튼 만들기 📌 플랫폼별 공유 디버거 테스터 Facebook debugger [Twitter card

2021년 8월 20일
·
0개의 댓글
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개의 댓글