Minji.dev - mysetting

12:45 5/31

velog.io

mobile screenshot relative

12:45

velog.io

mobile screenshot

Minji.dev
https://velog.io/@bbio3o

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

저작도구: velog

최종 피드 수집: 2024-04-05 06:15

전체 (27)

2y

[Note] FP 영상 정리

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

000

2y

[작성중] 함수형 프로그래밍

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

000

2y

[Note] 정규표현식 RegExp

📌 Cheat Sheet 정리
까먹으니까 정리해야지..💩
🏁 flags
g - global 다수의 결과값 출력
m - multiline ^(문장의 시작) 와 $(문장의 끝) 사용시 여러 줄에 적용(m을 사용하지 않으면 $을

000

2y

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

Requirements
-** social media url 공유 할때 동적으로 meta tag 변환해 주고 싶음**
vue에서 SPA 방식으로는 불가능해보임 서버사이드 렌더링 필요
-> meta tag를 동적으로 백에서 변환

000

2y

👻 Social media url 공유, Open graph, Twitter card

📌 social media url 공유 meta tag 작성
페이스북, 링크드인은 Open Graph 사용
트위터는 twitter card 사용
<!DOCTYPE html>
<html>
<head>
<meta char

000

2y

[Note] GraphQL ecosystem, etc

노트 정리중mm
1. GraphQL ecosystem
client
Lakka
가장 단순하고 간단함. Basic queries, mutations, 간단한 캐싱 등을 제공
Apollo Client
MeteorJS 개발자가 개발, 기

001

2y

GraphQL VS REST (정리중)

GraphQL
Graph Query Language
GraphQL 은 단하나의 Endpoint 가 존재합니다.
또한 , gql API 에서는 불러오는 데이터의 종류를 쿼리 조합을 통해서 결정합니다.
Endpoint 는 1개만 생성

103

2y

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

1. multer 이용시 req.body가 undefined로 나오는 경우
multer를 이용해 파일을 전송하고, req.body로 다른 필드정보를 가져오고 싶다면, 요청 순서가 중요합니다.
보내려는 파일보다 필드를 항상 먼저 받

003

2y

[Node.js] formdata busboy

이미지파일을 브라우저에서 서버로 전송하기 위해서는 폼에 enctype="multipart/form-data" 를 추가해서 인코딩 타입을 multipart로 해줘야 합니다.
bodyparser의 req.body 방식을 통해 읽는 것

000

2y

[JavaScript] Symbol 데이터 타입

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

000

2y

소프트웨어 개발 3대 원칙

DRY (Don't Repeat Yourself)
: 반복하지 마라
반복하지 말라.
같은 기능의 같은 코드가 중복되어 있다면 하나의 기능으로 만들어 사용하라. (Ctrl + C / Ctrl + V 금지!!!)
반복되는 코드를 모두

001

3y

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

업무용 깃헙 계정과 개인 계정을 분리하고 싶다면, ssh-key를 이용할 수 있습니다.
✨ 1. ssh 키 생성
터미널에서 사용하려는 깃헙 계정 이메일 별로 키를 생성해줍니다.
$ cd ~ // 홈 디렉토리로 이동
$ ssh-ke

000

3y

[JavaScript] 함수와 일급 객체

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

000

3y

[React Hook] useImperativeHandle, forwardRef

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

000

3y

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

결론부터 말하자면, 이는 React.StrictMode 때문입니다.
따라서 이 Wrapper를 제거해주면 컴포넌트가 두번씩 호출되지 않습니다.
ReactDOM.render(
<React.StrictMode>
<App /

000

3y

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

불변성은 어떤 값을 직접적으로 변경하지 않고 새로운 값을 만들어내는 것입니다.
필요한 값을 변형해서 사용하고 싶다면 어떤 값의 사본을 만들어서 사용해야 합니다.
자바스크립트에서 변수에 문자열, 숫자와 같은 원시형 데이터를 할당하게

000

3y

리덕스 Redux 알아보기

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

000

3y

[JavaScript] Arrow Function에 없는 것

유투브 출처를 보고 정리한 내용입니다.
📌 ES6 화살표 함수와 기존 함수 선언의 차이
1. 함수이름
function myfunc() {
}
const myfunc = function() {
}
const myfunc = ()

000

3y

[JavaScript] =, ==, ===

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

000

3y

[JavaScript] this 알아보기

출처1 출처2 출처3 출처4
위의 출처들을 통해 정리한 내용입니다.
📌 this란?
this는 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리키는 자기참조변수(self-referencing variable)다. this를

000