profile
안녕하세요!

[TIL] 2022.05.23.

day.js 사용방법 현재 날짜 및 시간 생성 포맷 지정 날짜 및 시간 더하기 및 빼기 add() 함수를 사용하여 원하는 날짜 및 시간을 더할 수 있다. add(더하고싶은 숫자, 년월일시분등등 구분) 형식으로 사용하면 된다. 숫자에 음수를 넣으면 빼기가 가능하지만 subtract 함수를 이용해도 된다. subtract(빼고싶은 숫자, 년월일시분등등 구...

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

[TIL] 2022.05.18.

출처 https://blog.rhostem.com/posts/2021-02-01T00:00:00.000Zdata - 쿼리 함수가 리턴한 Promise에서 resolve된 데이터isLoading - 저장된 캐시가 없는 상태에서 데이터를 요청중일 때 trueisF

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

[TIL] 2022.05.10

리액트라우터 Link와 navLink의 차이 navLink는 일종의 Link 특수버전인데, 현재 URL과 일치할 때 렌더링된 요소에 스타일 지정 속성을 추가할 수 있다. 실무에서 밥먹듯이 사용하는 useNavigate() 함수안에서 지지고 볶고 할때는 useNavigate() 사용한다. outlet 중첩된 라우트와 Outlet을 이용하면 페이지끼리 공...

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

[TIL] 2022.05.09.

til 2022.05.09.

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

[TIL] 2022.05.08.

useMemo와 useCallback useMemo는 메모이즈된 값을 저장하는 hook이다. useMemo는 이전 값을 기억해 두었다가 조건에 따라 재활용하여 성능을 최적화 하는 용도로 사용된다. 반면 useCallback은 함수를 저장한다. 컴포넌트가 렌더링 될 때마다 내부적으로 사용된 함수가 새롭게 생성되는 경우, 유즈콜백을 이용하여 불필요한 리렌더링을...

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

제가 div충이라고요?! - HTML5 시맨틱 태그 사용하기

시맨틱 태그 반드시 시멘틱 태그를 사용할 필요는 없다. 네이버 메인페이지도 개발자도구로 확인해보면 다 div로 만들어져있다. 하지만 시맨틱 태그가 있는 것을 알았다면 쓰임새에 맞는 태그를 사용하는 것이 좋다. 시멘틱 태그들 중에서 일부만 사용해도 좋으니 최대한 사용해보자. 시맨틱 태그 장점 SEO 최적화에 유리. (SEO: Search Engine Op...

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

[TIL] 2022.05.03.

validation 관련 정규표현식: 블로그에 돌아다니는 정규표현식 말고 W3C 표준을 이용하자. https://www.regextester.com/97767 map 돌릴 때 key값으로 index를 굳이굳이 넣고싶다면? 가공해서 넣자. 예시) 유용한 라이브러리: 1) react-use https://www.npmjs.com/package/react-u...

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

React에서 DOM조작을 남발하는 코드 리팩토링하기

최근 아래와 같은 간단한 토글 버튼을 만들었는데 애니메이션 효과를css가 아닌 useRef를 이용한 코드로 구현하였고, 리액트에서는 useRef를 이용하더라도 DOM 조작은 최소화하는 것이 좋다는 피드백을 감사하게도 받게 되었습니다.리액트에서 DOM 조작은 왜 피하는

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

[알고리즘] 스택(stack)

스택 (Stack) 데이터를 제한적으로 접근할 수 있는 구조 한쪽 끝에서만 자료를 넣거나 뺄 수 있는 구조 가장 나중에 쌓은 데이터를 가장 먼저 빼낼 수 있는 데이터 구조 큐: FIFO 정책 스택: LIFO 정책 1. 스택 구조 스택은 LIFO(Last I

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

react-router-dom(v6)을 이용한 동적 라우팅 구현하기

동적 라우팅(Dynamic Routing)은 라우터의 경로에 유동적인 값을 넣어서 특정 페이지로 이동하는 것입니다.

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

[알고리즘] 재귀함수 with python

정의 단계에서 자신을 재참조하는 함수

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

DOM과 VirtualDOM

문서 객체 모델(Document Object Model)이란 객체로 문서를 표현하는 방법으로, HTML, XML 문서의 프로그래밍 인터페이스이다

2022년 4월 18일
·
2개의 댓글

20220203 클래스형/함수형 컴포넌트, State&Props, Lifecycle Method, useEffect, this

객체 지향 프로그래밍에서는 모든 데이터를 객체(object)로 취급하며, 이러한 객체가 바로 프로그래밍의 중심이 된다. 객체란 간단히 이야기 하자면 실생활에서 우리가

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

20220128 깊은복사와 얕은복사

아래 내용은 글쓴이의 학습을 목적으로 ⌜코어 자바스크립트(정재남 저)⌟를 요약하여 작성한 포스팅입니다.자바스크립트의 데이터 타입에는 크게 두 가지가 있다.기본형 : 숫자, 문자열, 불리언, unll, undifined 등참조형 : 객체, 배열, 함수,

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

TIL 20220124 이벤트전파, 스코프, 호이스팅

본 포스팅은 작성자의 학습 목적으로 ⌜모던 자바스크립트 Deep Dive⌟ (이웅모 저, 위키북스), 김버그님 유튜브채널, 스택오버플로우를 참고하여 작성하였습니다. 이벤트 전파 DOM트리 상에 존재하는 DOM요소 노드에서 발생한 이벤트는 DOM트리

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

Try~catch, 조건부렌더링, 옵셔널체이닝, 삼항연산자

에러가 일어나면 프로그램이 강제 종료되지만 try~catch문을 사용해 에러에 적절하게 대응하면 종료되지 않고 계속해서 코드를 실행시킬 수 있다.try~catch문은 3개의 블록으로 구성된다.

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

템플릿 리터럴 초간단 정리

쌍따옴표(“”)or따옴표(‘’) 대신 백틱(\`\`)을 사용합니다.$와 중괄호{ }를 이용하여 표현식을 넣을 수 있습니다.백틱 앞에 백슬러쉬 \\ 를 넣으면 됩니다. \`\\아래 코드를 템플릿 리터럴을 사용하여 변경해 보겠습니다.줄바꿈도 간단히 할 수 있습니다. 그냥

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

[TIL] 20220110 CLI

처음 접해본 터미널 명령어. 내가 까먹을까봐 적어놓았습니다.Command-Line Interface의 약자가장 대표적인 예시로는 도스, 명령 프롬프트, bash로 대표되는 유닉스 셸 환경이 있다.(print working directory)현재 디렉토리를 출력한다.(c

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