post-thumbnail

useCallback 알아보기

useCallback을 왜 쓰나요

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

formik + react-query + typescript 에서 폼 다루기

리액트 생태계에서 typescript, formik 과 react-query 는 아주 대중적인 라이브러리들입니다. formik 은 공식문서에 등장할 정도로 대중적이고 인정받은 폼 처리 라이브러리이고, react-query 는 server state 라는 패러다임을 제시

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

호이스팅이란?

hoist 는 끌어올린다는 뜻의 영어 단어입니다. JavaScript 에서의 hoisting 역시 이와 비슷한 의미로 쓰입니다. 오늘은 JavaScript에서 hoisting 이 어떻게, 왜 돌아가는지 확인해 보겠습니다.먼저 변수를 선언하려면 변수를 선언하는 코드가 실

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

내가 React 를 좋아하는 이유

React 는 현재 웹 프론트엔드 분야에서 단연코 1등이라고 말할 수 있는 JavaScript 라이브러리입니다. Create-React-App, NextJS, GatsbyJS, React-Native 등이 React 를 기반으로 동작합니다. 오늘 이 글에서는 제가 왜

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

내가 레거시 코드와 클린 코드를 대하는 자세

클린 코드의 원래 목적에 집중하자

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

React 가 Virtual DOM 을 사용하는 이유

React 를 공부할 때 맨 처음 나오는 개념들 중 Virtual DOM 이라는 친구가 있습니다. 많은 자료들에서 Virtual DOM이 성능이 좋고 그런 이야기를 하는데, 이게 진짜인지, 정확히 어떤 말인지 알아보겠습니다.DOM (Document Object Moda

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

JavaScript 이벤트 루프와 비동기 처리

비동기 처리의 필요성부터 이벤트 루프의 동작 원리까지

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

react-query

글을 작성하기에 앞서, 저는 react-query를 올해 3월부터 시작해서 회사 직무에서 단 반년밖에 사용해보지 않았다는 부분을 강조드립니다.react-query는 tanstack에서 만든 서버사이드 상태 관리 라이브러리입니다. 서버사이드 상태가 뭘까요? 이들은 다음과

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

React-Query (3)

Query react-query에서 query는 다음과 같이 정의된다. > declarative dependency on an asynchronous source of data that is tied to a unique key unique한 key값에 의해 결정

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

React-Query (2)

react-query에는 분명하게 알아둬야 할 default한 사항들이 있다. 모르고 넘어가면 나중에 왜 안 되는지 골치아플 확률이 높으니 분명하게 알아두자.useQuery vs useInfiniteQuery이 둘의 차이는 데이터를 얼마나 오래 믿고 가지고 있을 거냐는

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

React-Query (1)

최근 리덕스를 쓰던 중 리덕스 미들웨어의 자기모순적인 태도와 방대한 보일러플레이트 코드 때문에 다른 상태관리 툴을 고려해보았고, 최근 유행인 React-Query를 공부해 보기로 했다.이 시리즈는 react-query의 공식문서를 적당히 요약하고 필자의 뇌피셜을 합하여

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

커밋 옮기는 법 [체리픽]

다음과 같은 상황에서 커밋을 옮기고 싶을 수 있다.git-flow를 사용 중인데 Pull request가 따로 없어서 커밋을 체리픽해서 다시 푸시해야 해!실수로 다른 브랜치에서 작업해 버렸어!사실 전자의 경우면 숙련된 사람으로서 이미 알고 있을 확률이 높다. 아무튼,이

2021년 4월 14일
·
0개의 댓글

커밋 여러 개 하나로 합치는 법

커밋을 여러 번 했는데, 불필요한 커밋일 수 있다. 가령오타를 냈는데 모르고 커밋해버린 경우이다. 이런 경우 굳이 저 커밋을 살려놓고 커밋 두개로 갈라놓을 이유가 없다. 두 커밋의 변경사항을 합쳐버리는 게 좋아 보인다.Git에는 rebase라는 기능이 있는데, 말 그대

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

비전공자를 위한: 컴퓨터에서 프로그램이 돌아가는 원리

최근 코딩을 해 본 적 있는 비전공자 친구에게 다음과 같은 질문을 받았다.프로그램은 코딩을 해서 짜는 거고, 코드를 짜는 프로그램은 다시 코드로 짤 거고, 그러면 최초의 프로그램은 어디서 나온 거지?어떻게든 설명을 해 보려 했는데 깔끔하게 설명되지 않아, 나름대로의 생

2021년 3월 22일
·
0개의 댓글
post-thumbnail

javascript 화살표 함수

javascript에서 화살표 함수는 함수를 쓰는 하나의 문법이다.대략 다음과 같이 작성한다."인자로 p1, p2, p3을 받아, res라는 변수에 p1+p2+p3을 저장한 후 그걸 return하는 익명함수" 를 f라는 변수에 할당한다는 뜻이다.화살표 함수를 쓰는 방법

2021년 3월 20일
·
0개의 댓글

0. 개요

컴퓨터는 작게 보면 그냥 0과 1, 다르게 말하면 전선과 트랜지스터 덩어리이다. 컴퓨터는 0과 1을 이용해 연산을 하고, 값을 저장하고 보여준다.이 시리즈는 이러한 컴퓨터를 바닥부터 컴퓨터 단위까지 뜯어본다. 아래 목차를 보자.Boolean AlgebraTransist

2021년 2월 14일
·
0개의 댓글

JAVA 강의록 2.0: 2부 개요

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

JAVA 강의록 1.0: 1부 개요

1.1 JavaJava와 프로그래밍에 대한 개요Java 코딩 환경 세팅 및 intelliJ 설치1.2 출력1.3 변수1.4 입력1.5 연산1.6 조건문1.7 반복문1.8 배열1.9 함수1.10 재귀함수

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

JAVA 강의록 0: 이 강의록에 대하여

뭔가 기록해 두기 위해과외할 때 편하려고작성하는 강의록이다.코딩의 완전 바닥 기초부터 자바를 어느 정도 한다 싶을 수준까지의 내용이 포함되어 있으며,물론 vim으로 코딩하는 것도 있긴 하지만, 웬만하면 intelliJ idea Community version을 사용한다

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

JAVA 강의록 3부 2편: List

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