profile
팀에 기여하고, 개발자 생태계에 기여하는 엔지니어로
태그 목록
전체보기 (428)next.js(13)TIL(10)section_2(9)Section3(9)프로그래머스(6)js(5)typescript(5)section4(5)Unit2(4)react-query(4)알고리즘(4)process(4)unit4(4)에러(4)getStaticProps(3)알고리즘 심화(3)error(3)getStaticPaths(3)API(3)회고(3)unit3(3)server(3)타입스크립트(3)fallback(2)notfound(2)nextjs(2)Unit5(2)(2)React(2)synchronization(2)스케줄링(2)복습일지(2)getServerSideProps(2)배열(2)데이터(2)해시(2)pages(2)UNIT6(2)Side(2)unit10(2)git(2)rendering(2)link(2)connect()(1)Tags(1)UNIT7(1)버전(1)callback(1)server side(1)CSS애니메이션(1)head(1)404(1)라우팅(1)알고리즘심화(1)프로토타입(1)await(1)라이브세션(1)접속안됨(1)useInfiniteQuery(1)Blocking(1)가져오기(1)Threads(1)async(1)비동기(1)운영체제2(1)node.js(1)예상 대진표(1)XML(1)pagination(1)동적(1)catch-all(1)UNIT1(1)link href(1)DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>(1)React Hook useEffect has a missing dependency(1)추출(1)네비게이팅(1)프로토타입체인(1)ssh(1)ec2(1)React.ReactNode(1)json(1)reatQuery(1)컴퓨터네트워크(1)nomadcoder(1)RaceCondition(1)minipr(1)객체 리터럴(1)object literal(1)filter(1)bodyParser(1)foreach(1)Semaphores(1)build(1)빌드(1)UNIT8(1)UNIT9(1)option(1)does not exist on type(1)Failed(1)입출력(1)DOM(1)axios(1)겪었던 어려움(1)CSS(1)button(1)cs50(1)@property(1)DevTools(1)Expo(1)React-slick(1)reduce(1)autoplay(1)구명보트(1)type(1)cpu(1)nextjs폴더(1)Object literal may only specify known properties(1)페이지네이션(1)스택(1)이중for문(1)jest(1)aws(1)github(1)reactnative(1)redirect(1)Type 'void' is not assignable to type 'ReactNode'.(1)변환(1)Map(1)gctime(1)그래프(1)queryKey(1)file(1)useMutation(1)최신(1)ISR(1)js알고리즘(1)SYSTEM(1)Generation(1)이벤트객체(1)Lv1(1)children(1)파일 기반(1)404페이지(1)static(1)staletime(1)Section_1(1)동적 라우트(1)파일기반(1)UNI5(1)usequery(1)promise(1)Revalidate(1)사전렌더링(1)자료구조(1)open(1)npm(1)instance(1)Section2회고(1)페이지(1)rebase(1)동적 라우팅(1)동기화(1)연결(1)무한스크롤(1)kopis(1)코드스테이츠 회고(1)이진검색트리(1)충돌(1)responsive(1)Response(1)종속성(1)optimization(1)
post-thumbnail

[RQ(23)]useInfiniteQuery diagram

전체적인 흐름을 알아보자.

약 11시간 전
·
0개의 댓글
·
post-thumbnail

[NJ(230)]사전 렌더링 페이지에 API 라우트 사용하기

getStaticProps 함수 내에서 데이터를 사전 렌더링해보자. api 파일에서 데이터를 가져오기 위해 했던 코드를 그대로 getStaticProps 함수 내에서 활용해서 작성해주면 된다.

약 12시간 전
·
0개의 댓글
·
post-thumbnail

[RQ(22)]useInfiniteQuery 입문

반환하는 데이터는 객체이고 pages, pageParams의 프로퍼티를 가지고 있다. 그 외syntax, options를 알아보자.

어제
·
0개의 댓글
·
post-thumbnail

[NJ(229)] API 라우트를 사용해 데이터 가져오기

api 라우트로 get요청을 보내는 코드 작성해보자.

1일 전
·
0개의 댓글
·
post-thumbnail

[RQ(20)]무한 스크롤 입문

useInfiniteQuery를 통해 데이터를 효율적으로 불러오자. 객체로 정보를 반환받아서, 전체 데이터를 어떻게 관리하면 좋을지 알 수 있다. (전체 페이지 수, 다음 페이지, 이전 페이지, 현재 데이터 등 )

2일 전
·
0개의 댓글
·
post-thumbnail

[NJ(228)]API 라우트로 요청 전송하기

next.js 프론트에서 post 형식으로 데이터를 요청하고 api에서 req.body에 접근하는 코드를 작성해보자.

2일 전
·
0개의 댓글
·
post-thumbnail

[DB(2)]데이터베이스 소개

데이터베이스란? 데이터베이스의 발전 ![](https://velog.velcdn.com/images/fo_rdang/post/848ce6eb-6551-4eac-a60e-de7b9

2024년 5월 15일
·
0개의 댓글
·
post-thumbnail

[NJ(227)]입력 요청 구문 분석하기 & 서버 사이드 코드 실행하기

목표 "이메일 주소와 피드백 데이터가 있는 요청을 수신"해서 데이터베이스나 파일에 저장해보자! 코드 작성 요청 종류 지정 (GET, POST, PUT, DELETE) POST 요청일 경우에만 데이터를 추출해서 DB에 저장하겠음. 유입된 요청으로부터 데이터를 추출함.

2024년 5월 14일
·
0개의 댓글
·
post-thumbnail

[CN(2)]컴퓨터 네트워크의 계층

네트워크 품질 요소 3가지인 대역폭, 지연시간, packet loss 에 대해 알아보자. osi 7계층에 대해 간략히 알아보자.

2024년 5월 13일
·
0개의 댓글
·
post-thumbnail

[NJ(225)]첫 번째 API 라우트 작성하기

api 폴더를 생성해서 handler 함수를 작성해보자. res 를 이용해서 상태를 설정하고, json 형식으로 변환한 값을 반환한다.

2024년 5월 12일
·
0개의 댓글
·
post-thumbnail

[OS(2)]Memory Management 2

프로그램을 구성하는 논리적인 메모리(logical memory)를 동일한 크기(page)로 잘라서 각각의 page별로 물리적인 메모리의 비어있는 곳에 올리는 paging 기법에 대해 알아보자. 주소변환을 위해서 page table 사용하는 방식도 알아보자.

2024년 5월 12일
·
0개의 댓글
·
post-thumbnail

[CN(2)] 컴퓨터 네트워크의 품질 기준

지난 시간 배운거 정리

2024년 5월 9일
·
0개의 댓글
·
post-thumbnail

[RQ(39)]useStaff를 위한 커스텀 훅

2024년 5월 7일
·
0개의 댓글
·
post-thumbnail

[RQ(38)]쿼리 클라이언트에 대한 onError 기본 값

queryClient 생성할 때, QueryCache의 default 로 onError를 활용한다!

2024년 5월 7일
·
0개의 댓글
·
post-thumbnail

[DB2(1)]데이터베이스 개요

데이터베이스 개념, 데이터베이스 관리 시스템, 데이터베이스 시스템, 용어 및 특징, 데이터베이스 관한 특성, 데이터베이스 정의 , 구조, 필요성에 대해 알아보자.

2024년 5월 5일
·
0개의 댓글
·
post-thumbnail

[OS(2)]Memory Management 1

주소 바인딩 3가지 방식, terminologies 4개, 연속할당과 불연속할당

2024년 5월 3일
·
0개의 댓글
·
post-thumbnail

getStaticProps 렌더링 최적화

/api/performances/new를 통해 데이터에 fetch가 안되는 문제"data.map is not a function" Runtime Error로 데이터에 access가 안되는 문제 01\. api/performances/new 경로에서 data 가져오는 l

2024년 4월 30일
·
0개의 댓글
·
post-thumbnail

[RQ(37)]useIsFetching을 사용하는 중앙 집중식 페칭 표시기(Indicator)

useQuery가 반환한 객체에 있는 isFetching을 통해 각 컴포넌트의 데이터 fetch 상태를 관리하지 말고, loading 컴포넌트에서 useIsfetching 을 사용해서 손쉽게 data fetching 상태를 관리하자.

2024년 4월 28일
·
0개의 댓글
·
post-thumbnail

[NJ(308)]“크리덴셜 인증 제공자” & 사용자 로그인 논리 추가하기

사용자가 로그인 요청을 했을 때 NextAuth를 활용해서 처리해야 한다. 예를 들어 db랑 연결해서 사용자가 입력한 email이 있는지 확인하고, hashed 비밀번호랑 일치하는지 확인하고 사용자의 이메일을 jwt 로 부호화해서 반환한다.

2024년 4월 28일
·
0개의 댓글
·
post-thumbnail

[OS(2)]Deadlocks 2

데드락을 미연에 방지하지 않고, Deadlock Detection and Recovery (deadlock을 탐지하는 방법도 보수적/낙관적 관점이 있음.), Deadlock ignorance 의 방법도 있다. 이에 대해 자세히 알아보자!

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