profile
그날 그날 정리하기

React Query (2)

React Query의 invalidation, caching, synchronization 동작 방식오래된 데이터를 무효화하기 위해선 Querty Invalidation를 사용할 수 있습니다.간단히 query client를 통해 invalidateQueries({ke

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

React Query (1)

평소 관심있던 React Query에 대해 우아한테크 세미나에서 발표를 하게되어 경험을 바탕으로 정리해봤습니다.상태란 시간에 따라 변화하는 문자열, 배열, 객체 등의 형태로 저장되는 데이터입니다.모던 웹프론트엔드 에서는 프로젝트의 규모가 커지면서 UI/UX가 많아지고

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

git merge, rebase

브랜치를 다른 브랜치와 합치는 방법인 merge와 rebase에 대해 정리했습니다.먼저 스터디 시나리오를 준비했습니다. 스터디장이 레파지토리를 만들고 (첫 번째 커밋), 1주차 정리 글을 올리기 위해 week1 폴더를 생성하고(두 번째 커밋) push 한다. -main

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

404 Error Page ( ft.React )

잘못된 경로로 접속한 경우 보여줄 404 Error Page 작성법입니다.잘못된 경로로 접속한 경우 라우팅 처리를 합니다. react-router-dom의 switch 문을 이용해 에러 페이지 라우팅 처리를 할 수 있습니다.switch는 마치 if 문과같이 동작해 맞는

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

읽기좋은 코드가 좋은 코드다 Part 3

큰 흐름과 관계가 적은 하위문제들을 추출하자1\. 주어진 함수나 코드를 보고 질문해라. 상위수준에서 본 이 코드의 목적은?2\. 코드의 모든 줄에 질문해라. 이 코드는 직접적으로 목적을 위해 존재하나? 혹은 하위문제를 해결하는 목적인가?3\. 만약 원래의 목적과 직접적

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

이메일 템플릿 마크업

이메일 템플릿은 G-mail, naver, daum과 같은 플랫폼에서 이메일을 통해 보이는 웹 구조입니다.아래와 같은 것이 이메일 템플릿입니다. 저는 이미지처럼 저장해서 보내는 줄 알았는데 HTML 구조로 이루어져 있었네요.HTML 구조로 되어있지만 일반적인 마크업과

2021년 12월 19일
·
0개의 댓글
·

테스트 코드 개념

애플리케이션이 요구 사항에 맞게 동작하는지 검증하는 행위기능 명세서를 봤을 때 이 기능 명세서대로 어떻게 작동하는지 알 수 있다. 수동으로도 가능하지만 기능 명세서가 많아지면 시간이 오래 걸리게 되는데, 이때 테스트 코드가 있다면 빠르고 짧게 자동으로 검증할 수 있고

2021년 12월 15일
·
0개의 댓글
·

자바스크립트 언어의 특징

인터프리터 언어의 관점에서 정리했습니다.인터프리터 언어란 개발자가 작성한 코드들을 기계어로 변환하는 과정 없이 런타임에 한 줄 한 줄 해석하며 바로 명령어를 실행하는 언어를 말합니다.실행 파일을 생성하지 않는다.인터프리터 단계와 실행 단계가 분리되어 있지 않다.코드가

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

webpack, babel을 이용한 프로젝트 설정

매번 필요할 때마다, 궁금할 때마다 설정들을 가져와 사용만 하다 이번 기회에 저만의 프로젝트 webpack, babel 설정을 정리했습니다.webpack, babel 공식 문서를 참고해 작성했습니다.개발, 배포용에서 함께 사용할 수 있는 webpack 설정입니다.첫 시

2021년 11월 14일
·
0개의 댓글
·
post-thumbnail

[POB#34] Assignment 9 : 페이워크 기업 과제. Redux-Saga 이용해 비동기 네트워크 통신

Assignment 9: 페이워크 기술 과제 정리 글(2) 입니다

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

[POB#33] Assignment 9 : 페이워크 기업 과제. json-server로 임시 서버 구현

Assignment 9: 페이워크 기술 과제 정리 글입니다.

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

[POB#32] Assignment 8 : 모두컴퍼니 기업 과제. Drag and Drop 기능 구현 ( React )

Assignment 8 : 모두컴퍼니 기업 과제 입니다. React에서 Drag and Drop 기능 구현 정리 글 입니다.

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

[POB#31] Assignment 8 : 모두컴퍼니 기업 과제. Drag and Drop 기능 구현 ( VanillaJS )

Assignment 8 : 모두컴퍼니 기업 과제 입니다. Drag and Drop 구현입니다.

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

[POB#30] TypeScript(2). 리액트를 위한 타입스크립트

8월 24일 리액트를 위한 타입스크립트 정리 글 입니다.

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

[POB#29] TypeScript(1). 기본적인 타입스크립트 개념

8월 24일 타입스크립트 강의 정리입니다.

2021년 8월 23일
·
2개의 댓글
·
post-thumbnail

[POB#24] Assignment 6 : 솔라커넥트 기술 정리. Date 객체(1)

Assignment 6 과제 기술 정리글입니다.과제 레파지토리Date 객체를 사용해 현재 날짜와 시간을 구할 수 있습니다.Date 객체 자체로도 현재 날짜와 시간을 구할 수 있지만, 저희가 원하는 형식의 데이터 폼을 얻기 위해 다양한 메소드를 이용해야 합니다.getFu

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

[POB#23] Core Javascript2(2) closure, this

8월 16일 강의 노트 정리(2) 입니다. closure, this

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

[POB#22] Core Javascript2(1) 실행 컨텍스트, hoisting, scope

8월 16일 강의 노트 정리(1)입니다. 실행 컨텍스트, hoisting, scope

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

[POB#21] Assignment 5 : 코딩테스트 정리

Assignment 5: 미스터카멜 코딩테스트 정리 글입니다.

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