profile
내 빈틈을, 조금씩 천천히!! ٩(•᎑•)✦
post-thumbnail

Next.js 개념 익히기 01

Udemy - Next.js 14 & React - The Complete Guide Section /app 내에 존재하는 폴더 이름은 곧 라우팅 경로와 직결된다.폴더 하위에는 다음과 같은 예약 파일명들이 존재한다.page.js : 렌더링할 페이지 콘텐츠 파일layou

2024년 7월 17일
·
0개의 댓글
·

JS와 싱글쓰레드, 동시성

JS를 다루다 보면 동시성, 블로킹 쓰레드, ...와 같은 개념들이 등장하고는 한다. 추상적으로는 알겠으나, 구체적으로 설명하기 힘들 걸 보면 모르는 것으로 판단! 한번 정리해보려고 한다.

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

PWA에 FCM 활용 모험기

재요청 할 수 있도록은 할 수 없는,,!! https://stackoverflow.com/questions/31133781/resetting-denied-html-notifications 서비스 워커는 한가지만 가능 PWA 앱에 FCM을 활용하여 알람을 구현해야했다.

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

웹앱에서 키보드 위로 버튼 고정하기

지역 어르신들을 대상으로 하는 시간 은행 개념의 어플을 개발중이었다. 실제 동주민센터를 방문하여 받은 피드백 중, "하단에 고정된 버튼이 키보드가 올라옴에 따라 보이지 않아 불편하다"라는 게 있었다. 디자이너분께서 강력하게 이 부분이 개선되었으면 한다고 말씀하셔서 일

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

Children API 활용하여 자식 Element 제어

DropDownMenu내 각 메뉴들 사이에 구분선을 넣어야 한다. 내가 작성한 DropDownMenu 메뉴 구조는 다음과 같다.그리고 이를 참조하는 상위 컴포넌트에서는 DropDownMenu의 Item에 해당하는 버튼의 props를 정의해서 사용한다.일일이 상위 컴포넌

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

2진수 표현 방식(부호화 절댓값, 1의 보수, 2의 보수)

컴퓨터는 0과 1만으로 모든 수 연산을 해야하므로 최대한 효율적인 수 표현방식을 갖고자 한다.2진수 정수를 표현하는 방법에는 다음과 같은 세가지 방법이 있다. 1) 부호화 절댓값 2) 1의 보수 3) 2의보수최상단 비트(MSB)만으로 부호를 표현하는 방식.양수는 MS

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

Cheerio로 웹 스크래핑 맛보기(vite, react)

요즘 진행하는 새로운 프로젝트팀 기획자님께서 책의 출판사 서평을 가져올 수 있는지를 물어보셨다. 책 관련 open api 대부분은 출판사 서평까지는 제공하지는 않았다. yes24에 출판사 서평이 기재되어있는데, 간단한 웹 스크래핑으로 가져오면 되지 않을까 해서 찍먹해보

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

Github action으로 Sync Fork 자동화하기 - push 될 때마다

Vercel 무료 배포를 위해 Organization repo를 개인 레포로 fork했다면, 주기적으로 개인이 Sync Fork 작업을 해주어야한다. main 브랜치에 변경사항 push시, Github Action을 활용하여 Sync Fork 작업을 자동화할 수 있다!

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

CSS 여백 상쇄(Margin Collapsing)

CSS에서 자주 등장하는 여백 상쇄에 대해 알아보자.

2023년 9월 6일
·
0개의 댓글
·
post-thumbnail

CSS 우선순위 및 선택자

CSS 우선순위 와 대표적인 선택자 4가지(인접 선택자/형제 선택자/자손 선택자/후손 선택자)를 정리한다.

2023년 9월 5일
·
0개의 댓글
·