post-thumbnail

[Next.js] useLocalStorage Hydration failed error 발생 해결

Error: Hydration failed because the initial UI does not match what was rendered on the server.

3일 전
·
0개의 댓글
·

Button에 Compound pattern 적용하기

LandingButton에 Compound pattern을 적용하여 <LandingButton.Dark />와 같은 형태로 접근 가능하게 하였습니다.

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

MVVM 패턴

Model, View, View Model 객체 간 유기적인 관계를 가진다. 해당 패턴의 주요 목적은 로직의 분리이다

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

[numble] AI 단톡방 만들기 (with ChatGPT)

[numble] AI 단톡방 만들기 (with ChatGPT)

2023년 4월 22일
·
0개의 댓글
·
post-thumbnail

html2canvas 이미지 해상도 개선 방법

html2canvas 라이브러리를 이용해서 DOM을 이미지로 다운받을 수 있다. 그런데 이 과정에서 이미지의 해상도가 깨지는 문제가 발생한다. 이는 이미지의 크기를 더 키우는 방식으로 해결할 수 있다.

2023년 4월 17일
·
0개의 댓글
·
post-thumbnail

스톱워치를 구현할 때, setIntervel을 사용하면 안 된다

자바스크립트로 스톱워치를 구현할 때, setIntervel을 사용하면 안 된다. setIntervel은 일정한 시간 간격마다 동일한 콜백을 실행하는 함수이다.

2023년 4월 15일
·
0개의 댓글
·
post-thumbnail

자바스크립트는 동기적 언어이다. 근데 브라우저에서는 비동기로..?

자바스크립트는 동기적 언어이다. 하지만 브라우저 렌더링 과정을 보았을때 보면 비동기식으로 동작하는 것을 볼 수 있는데 왜 그런 것일까?

2023년 4월 15일
·
0개의 댓글
·
post-thumbnail

[Error Note] "NextRouter was not mounted." 해결하기

Error: NextRouter was not mounted 에러 해결하기

2023년 4월 15일
·
0개의 댓글
·
post-thumbnail

eslint의 no-unused-vars 규칙과 typescript의 interface 문법 충돌 해결하기

기존의 `no-unused-vars` 설정을 "off"하고 `@typescript-eslint/no-unused-vars`의 설정을 이용하자!

2023년 3월 21일
·
0개의 댓글
·
post-thumbnail

[기록해드림 🌙] 에서 내가 얻은것

두루뭉실한 꿈을 선명하게 기록하는 서비스를 만들자!꿈을 단순히 기록하는 것에 그치지 않고 친구들과 공유하는 서비스를 만들어보자는 취지로 기획하게 되었습니다.오늘 주어진 소중한 내 꿈을 기록하고 다른 사람들과 꿈을 나누며 이야기 하다보면나도 몰랐던 꿈 속의 숨겨진 이야기

2023년 3월 2일
·
1개의 댓글
·
post-thumbnail

테오의 스프린트 14기 회고

두루뭉실한 꿈을 선명하게 기록하는 서비스를 만들자!

2023년 3월 2일
·
0개의 댓글
·
post-thumbnail

SPARCS 해커톤 회고 - METAMON

“이것도 나고이것도 나야.”, “세상이 바뀌어도 내가 나임을 알 수 있도록”

2023년 2월 3일
·
0개의 댓글
·
post-thumbnail

[VanillaJS SPA Challenge] HPNY-2023

🚀 챌린지 시작 프론트엔드를 공부하며,하면 할수록 결국 기반인 Javascript가 중요하다는 생각이 들었다.그래서 프레임 워크를 사용하지 않고도 개발할 수 있는 능력을 올리고 싶어 참여하게 되었다.

2023년 1월 19일
·
0개의 댓글
·
post-thumbnail

우당탕탕 넘블 배포기

바닐라 vite 배포기

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

백트래킹

완전 탐색의 일종완전 탐색의 아이디어에서, 불필요한 분기를 가지치기 하는방식=> 정담을 도출하기전 탐색과정 중에 정답이 될 수 없는 조건에 해당된ㄷ면 가지치기 하는 방식상태 공간 트리?1\. 해를 찾기 위해 탐색할 필요가 있는 모든 후보들을 포함하는 트리2\. 트리의

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

[2302] 극장 좌석

https://www.acmicpc.net/problem/2302 풀이방법 만약 5개의 좌석의 배치를고민할때, 1+4, 2+3과 같이 나누어서 결정할 수 있다. 따라서 dp[n] = dp[n-1]+ dp[n-2]

2022년 12월 22일
·
0개의 댓글
·
post-thumbnail

[프론트엔드 면접 질문] 브라우저 렌더링원리

홈페이지가 사용자에게 보이는 순서에 대해서 설명해주세요 > 1. 주소창에 입력된 주소를 통해 브라우저 URL을 해석해 서버를 찾아간다. > 2. 이후 DNS가 연결해 줄 곳을 찾는다 (실제서버) > 3. 서버에서 클라이언트가 요청한 자원을 보내준다. (보통 HTML 문서) > 4. 클라이언트는 HTML문서를 파싱하여 DOM을 생성한다. 4-1. 중간에...

2022년 12월 20일
·
0개의 댓글
·
post-thumbnail

enum이란?

enum에 대해 공부

2022년 12월 14일
·
0개의 댓글
·
post-thumbnail

Node.js 를 이용해 웹애플리케이션 만들기 정리

inflearn egoing님의 Node.js 를 이용해 웹애플리케이션 만들기강좌를 보고 정리한 내용입니다.

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

CSS를 head 위에 둬야하는 이유는 무엇일까요?

CSS를-head-위에-둬야하는-이유는-무엇일까요

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