profile
배움을 즐기는 예비 개발자 민순기입니다

React 렌더링 최적화 (React.memo)

얼마 전에 회사 선배님이 한가지 퀴즈를 내주셨다. 퀴즈의 내용은 다음과 같다.recoil/atom/userList User\[] 방식으로 사용자 정보를 다루고 있다.isAlone 이라는 상태 변수로 <혼자컴포넌트/>와 <다수컴포넌트/>를 분기처리하여 렌더링하

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

관계형 데이터 베이스에 대한 소개 (번역)

원문 - mariadb.com이번 포스팅에서는 mariadb.com에 있는 Introduction to Relational Databases라는 글을 번역하고 나의 사견을 함께 작성할 예정이다. 관계형 데이터 베이스를 이해하는 가장 쉬운 방법은 연관된 파일의 모음을 생

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

케인스식 투자법

성공과 승리는 언제나 소수의 것이다.남들이 모두 동의하는 주식에 투자하지 말아라. 남들이 모두 동의하는 주식은 오히려 가격이 너무 올라가 투자 가치가 없다.집중 투자하라.안정성을 위해 서로 변동 방향이 다른 여러 주식에 분산 투자 하는 것은 오히려 위험한 투자법이다.

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

Recoil 매개 변수가 필요한 selector

Selector는 Atom이나 다른 selector에서 파생된 상태를 나타낸다.그런데 만약 매개변수가 필요한 상태는 어떻게 해야 할까?그럴 때 사용하는 것이 selectorFamily다.예를 들어 내가 현재 진행하고 있는 사내 연락처 프로젝트에서 검색을 할 때는 쿼리스

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

e.stopPropagation()

propagtion의 사전적 의미는 전파 확장이라는 뜻이다. event.stopPrapagtion은 전파를 막는다는 의미이다. 사용자가 마우스로 어떤 버튼을 클릭했을때 버튼만 반응했다고 생각하기 쉽다. 하지만 사실 버튼만 반응한 것이 아니라 버튼의 부모 태그들 또한 클

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

백준 2108 - 통계학

사실 알고리즘을 떠올리고 문제를 푸는게 어렵지는 않았다.다만 최빈값을 구하는 곳에서 메모리 초과나 시간 초과 혹은 이상하게 66%쯤에서 틀리는 경우가 생겨서 골치가 많이 아팠다.메모리 초과는 numbers 배열 하나와 obj객체 하나만 생성하는 것으로 해결했다. 메모리

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

함수에 매개변수 개수 동적으로 입력받기

일반적으로 javascript에서 함수에 매개변수를 넘겨줄 때는 다음과 같이 사용한다.이 함수는 a와 b를 인자로 받아 그 둘의 합을 반환하는 함수이다. 그런데 만약 두 개가 아니라 3개를 받고 싶으면 어떻게 할까?그냥 이렇게 매개변수를 하나 더 넘겨주면 된다. 그럼

2022년 2월 24일
·
0개의 댓글

React { children } 으로 props 전달하기

MAUI에서 라디오 컴포넌트를 작업하던 중에 한 가지 고민이 생겼다. 먼저 라디오 컴포넌트 작업 방식에 대해 설명하자면 라디오 컴포넌트의 구조는 다음과 같다.이 중 RadioGroup 컴포넌트를 작업하면서 생긴 고민이었는데. 저 RadioItem 컴포넌트로 props를

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

[MAUI] Custom Check Box를 만들어보자

모던 애자일 동아리 활동이 끝나고 우리 동아리만의 디자인 시스템을 만들자는 얘기가 나왔다.22년 2월 기준으로 활동중인 3기는 본 프로젝트에 들어가야 하기 때문에 활동이 끝난 2기인 나와 프론트 개발자 1명, 그리고 디자이너 2명까지 총 4명이서 디자인 시스템(이하 M

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

useState는 동기 비동기? (동기적 처리)

며칠전 기술 면접을 보러가서 **`useState`는 동기일까요 비동기일까요? 비동기라면 동기적 처리를 하기 위해서는 어떤 방법을 써야 할까요?** 라는 질문을 받았다. 이 질문을 받기 전까지는 그냥 상태 관리하는 훅이고, 구조분해할당 방식으로 선언하고, setSta

2022년 2월 18일
·
0개의 댓글
post-thumbnail

호이스팅과 TDZ

javascript 에서 호이스팅이라는 개념에 대해 이해한다.호이스팅이란 변수 선언문이 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 말한다.javascript에서 변수의 선언은 var let const 키워드로 할 수 있으며 선언과 초기화 단계

2022년 2월 16일
·
0개의 댓글
post-thumbnail

javascript 이벤트 루프

자바스크립트의 가장 큰 특징 중 하나는 싱글 스레드라는 점이다. 즉, 동시에 여러개의 작업을 하는것이 불가능하다는 말이다. 하지만 실제로 보면 동시에 여러 작업이 처리되고 있는 것을 볼 수 있다.싱글 스레드임에도 구하고 어떻게 동시에 여러 작업을 할 수 있을까? 이 때

2022년 2월 10일
·
0개의 댓글

좋은 커밋 메시지 작성하기

## Goal > 좋은 커밋 메시지를 작성하기 위한 몇가지 규칙들에 대해서 알아본다. --- ### 협업과 커밋 메시지 개발자는 혼자 일하는 직업이 아니다. 많은 경우에 다른 사람들과 함께 작업을 하고 그렇기 때문에 협업을 위한 여러가지 규칙이 존재한다. Git을 통

2022년 2월 9일
·
0개의 댓글

React Hooks (useRef)

useRef hook에 대해서 알아본다.useRef는 .current 프로퍼티로 전달된 인자(initialValue)로 초기화된 변경 가능한 ref 객체를 반환한다.React로 작업하다 보면 DOM 요소에 직접 접근해야 하는 경우가 생긴다. 그럴때 useRef를 사용하

2022년 2월 6일
·
0개의 댓글

React Typescript 절대 경로 설정하기 (Craco)

Goal craco를 통해 CRA로 만든 프로젝트에서 절대 경로를 설정하는 방법에 대해 알아본다.

2022년 1월 30일
·
0개의 댓글
post-thumbnail

React Hooks (useMemo, useCallback)

Goal 저번에 useState, useEffect에 대해 포스팅했던 것에 이어서 useMemo useCallback에 대해 알아본다. useMemo useMemo는 memoized된 값을 반환한다.

2022년 1월 24일
·
0개의 댓글
post-thumbnail

애자일과 스프린트 그리고 회고

우아한 애자일이 모던 애자일로 바뀌고 모던 애자일 3기 활동이 본격적으로 시작되며 애자일이라는 말에 대해 짚고 넘어가야 할 필요가 생겼다.이번 포스팅에서는 모던 애자일 2기로 후배 기수들에게 모던 애자일에서 사용하는 업무 프로세스인 애자일에 대해 설명하고자 한다.애자일

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

javascript 변수 선언 (var, let, const)

Goal javascript의 변수 선언 방법인 var let const의 차이점을 알아보고 적절한 선언 방식을 이해한다. var es6에서 let과 const가 등장하기 이전 javascript에서 변수 선언 방식은 var가 유일했다. 이미 var라는 변수 선언 방

2022년 1월 22일
·
0개의 댓글
post-thumbnail

React Hooks (useState, useEffect)

함수형 컴포넌트와 함께 사용되는 React의 중요한 개념인 Hooks에 대해 알아보자Hooks가 등장하기 이전에는 Class를 기반으로 하는 클래스형 컴포넌트를 사용해왔다.그런데 클래스형 컴포넌트는 코드의 재사용이 어렵고 연관성이 없는 로직을 하나의 생명주기 메서드에서

2022년 1월 17일
·
0개의 댓글

[React] 디자인시스템 FOCUS 챌린지 - 4 [마지막]

계속 작업은 하고 있었는데 일이 할 일이 너무 많아서 블로그 작성을 못하고 있었다...그러다 보니 챌린지 마지막 날인 오늘이 4번째 포스팅이자 마지막 포스팅이 되어버렸다 ㅋㅋ그 동안 많은 작업을 했다. 저번 포스팅까지 Carousel과 Card 컴포넌트 작업을 했었는데

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