profile
함께 성장하는 개발자
post-thumbnail

Next.js - Data Fetching

Next.js에서 데이터 요청은 애플리케이션 사용 방식에 따라 다른 방식으로 콘텐츠를 렌더링한다. 이는 사전 렌더링에 속하는 Static Generation 또는 Server-side Rendering 뿐만 아니라 런타임 시에 콘텐츠를 생성 및 변경하는 Incremen

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

Next.js - Pages

Next.js에서 페이지는 pages 디렉토리 내의 js, jsx, ts, tsx가 내보내는 리액트 컴포넌트다. 페이지 파일의 경로는 페이지의 라우트가 된다.예시: pages/about.js 페이지 파일을 생성하면 이 페이지의 경로는 /about이 된다.동적 라우트를

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

NEXT.js 목차

Next.js Next.js는 리액트 프레임워크로 개발자에게 많은 내장 기능들을 제공한다. 페이지 기반의 직관적인 라우팅 시스템(동적 라우팅도 함께 지원) 각 페이지를 기반으로 사전 렌더링(Static Generation, Server-Side Rendering)

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

TIL - 4일차

비동기적으로 JS를 사용해서 데이터를 받아와 동적으로 DOM을 갱신 및 조작하는 웹 개발 기법XMLHttpRequest일반적으로 XMLHttpRequest 객체를 사용하여 인스턴스를 생성한 후, open, send 등의 메소드를 이용한다.Fetch APIfetch 함수

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

TIL - 3일차

HTML 문서상의 요소들을 하나의 직사각형 박스로 정의하는 모델콘텐츠(Content): 글, 이미지, 비디오 등 콘텐츠의 실제 영역내부 여백(Padding): 콘텐츠와 경계선 사이의 영역경계선(Border): 콘텐츠를 감싸는 내부 여백과 외부 여백을 구분하는 선외부 여

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

Redux Saga

Redux Saga는 Redux 사용 중에 필요한 비동기 작업을 쉽게 처리하도록 도와주는 라이브러리select: redux 저장소에서 값을 가져올 때 사용call: 비동기 요청 함수를 실행할 때 사용put: redux 저장소의 값을 업데이트하는 action을 dispa

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

React Query

React Query는 React App에서 서버의 상태를 불러오고, 캐싱하며, 지속적으로 동기화하고 업데이트하는 작업을 도와주는 라이브러리복잡하고 장황한 코드가 필요한 다른 데이터 불러오기 방식과 달리 React Component 내부에서 간단하고 직관적으로 API를

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

TIL - 2일차

BOM(Browser Object Model)브라우저의 창이나 프레임을 프로그래밍으로 제어할 수 있게 해주는 객체 모델. 전역 객체는 window이며, 하위 객체로 location, navigator, document, screen, history가 포함된다.DOM(D

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

TIL - 1일차

DOCTYPE Document Type 문서의 타입(DTD, Document Type Definition)을 정의할 때 사용한다. 브라우저는 DOCTYPE이 정의되어 있으면 표준(standard) 모드로, 정의되어 있지 않다면 호환(quirks) 모드로 문서를 렌더링한

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

Canyoufixme 동영상 링크

https://www.youtube.com/watch?v=T3ZrmI_XteA

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

정렬 알고리즘 - (2)

입력 배열 : \[66, 23, 54, 523, 132, 35, 2, 8, 6]기수 위치 : 1Queue의 상황정렬 결과 : \[2, 6, 8]남은 값 : \[132, 23, 523, 54, 35, 66]기수 위치 : 2Queue의 상황정렬 결과 : \[2, 6, 8,

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

정렬 알고리즘 - (1)

버블 정렬 - O(n2) 병합 정렬 - O(nlogn) 힙 정렬 - O(nlogn)

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

Javascript - 실행 컨텍스트

각각의 소스코드는 독자적인 실행 컨텍스트를 생성한다.전역 코드 : 전역에 존재하는 소스코드함수 코드 : 함수 내부에서 존재하는 소스코드eval 코드 : eval 함수에 인수로 전달되는 소스코드모듈 코드 : 모듈 내부에 존재하는 소스코드소스코드는 평가와 실행 과정으로 분

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

Typescript - 타입

핵심 타입 number : 모든 숫자(integer, float) string : 모든 문자열 boolean : true/false object : 자바스크립트 객체({ key : value }) Array : 배열(엘리먼트의 종류에 따라 제약이 있을 수 있다.

2021년 10월 25일
·
0개의 댓글
post-thumbnail

클러스터 인덱스 vs 비 클러스터 인덱스

클러스터 인덱스는 다음 두 조건이 만족할 때만 생성된다.보조기억장치에 저장되는 데이터 또는 파일은 정렬된 순서를 가져야한다.키(핵심) 값이 없어 중복값이 있을 수 있어야 한다.테이블에 클러스터 인덱스를 적용할 때마다 그 테이블에 정렬 작업이 수반된다. 클러스터 인덱스는

2021년 10월 18일
·
0개의 댓글
post-thumbnail

You don't know JS - object (1)

객체 생성 😀 객체 생성 구문은 선언적(리터럴) 형식과 생성자 형식으로 정의된다. 각각의 형식으로 생성된 객체는 서로 동일한 형태를 가진다. 다만, 리터럴 형식은 한 개의 구문으로 다수의 키-값 쌍을 프로퍼티로 추가할 수 있지만, 생성자 형식은 한 개의 구문에 하나

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

Sequelize(MySQL) - 1

공식 문서를 참조했습니다. 😎 https://sequelize.org/master/manual/getting-started.html 모듈 설치 및 CLI 실행 sequelize-cli를 실행하면 config, models, migrations, seeders 총

2021년 9월 27일
·
0개의 댓글

인덱스(Index)란?

MySQL을 기준으로 작성한 내용입니다! 인덱스가 뭐죠? 🙄 인덱스는 '데이터베이스에서 데이터를 빠르게 찾기 위한 도구'다. 인덱스를 생성하고, 인덱스를 사용하는 SQL문을 만들어 사용한다면 빠르게 응답을 받을 수 있으며, 서버에서도 적은 양의 일을 처리하게 되므로

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

You don't know JS - this (2)

앞 글에서 우리는 'this'가 함수를 호출하는 방법에 의해 결정된다는 결론을 얻었다. 이에 관해서 You don't know JS에서는 호출부에 따라 'this'가 바인딩 되는 규칙을 다음과 같이 4가지로 정의했다.기본 바인딩암시적 바인딩명시적 바인딩new 바인딩함수

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