brunchdev

(Next.js) public과 assets의 차이

brunchdev — Mon, 19 Aug 2024 04:00:00 GMT

Next.js에서 `public` 폴더와 `assets` 폴더를 사용하는 것에는 몇 가지 중요한 차이점이 있습니다: 1. `public` 폴더 - Next.js에서 기본적으로 제공하는 폴더입니다. - 정적 파일(이미지, 폰트, 아이콘 등)을 저장하는 데 사용됩니다. - 이 폴더의 파일들은 루트 URL('/')에서 직접 접근할 수 있습니다. - 빌드 프로세

따봉의 좋은 점 - 작가와 독자들 간의 상호작용과 가치 인정

brunchdev — Thu, 25 May 2023 08:08:46 GMT

그 어떤 작품이든, 작가로서 가장 큰 보람은 독자들로부터 따봉을 받는 순간일 것입니다. 따봉은 작품의 성공과 승리의 상징이며, 작가로서의 노력이 인정받는 증거입니다. 그렇다면, 따봉의 좋은 점은 무엇일까요? 첫째로, 따봉은 작가의 자신감과 열정을 불러일으킵니다. 작품이 따봉을 받으면 작가는 자신이 의도한 바를 성취했다는 확신을 갖게 됩니다. 독자들이 글을

Javascript Array 생성하기 - Array.from 잘 활용하기

brunchdev — Sun, 28 Aug 2022 23:34:50 GMT

Array.from() Array.from() 메서드는 유사 배열 객체(array-like object)나 반복 가능한 객체(iterable object)를 얕게 복사해 새로운 Array 객체를 만듭니다. 일반적으로 Array를 생성하면 무쓸모.. Array(500) // [empty × 500] 1 ~ 100 까지 연속된 배열을 만들려면 아래와 같이

Type에서 Promise 제거하기

brunchdev — Sun, 28 Aug 2022 23:28:59 GMT

Awaited로 타입을 씌워 주면 된다. // A = stringtype A = Awaited<Promise<string>>; 주의점은 겹쳐진 Promise를 모두 제거해준다는 점! // B = number type B = Awaited<Promise<Promise<number>>>; 참고 https://devblogs.microsoft.com/type

NextJS Link 경고 - Warning: components cannot be given refs

brunchdev — Sun, 28 Aug 2022 23:25:36 GMT

Warning: Function components cannot be given refs. Link의 자식은 기본적으로 <a> 태그로 래핑되어야 한다. 자식에게 href를 주입해주기 때문이다. <Link href="/about"> <a> <MyButton /> </a></Link> 자식에 커스텀 컴포넌트를 사용하려면

javascript regex로 버전 추출하기

brunchdev — Sun, 28 Aug 2022 23:21:43 GMT

버전 추출 regex const REGEX = /\d+(\.\d+)+/gi; console.log(''.match(REGEX)); https://stackoverflow.com/questions/8955657/regex-pattern-to-extract-version-number-from-string 네이버앱 userAgent에서 네이버 버전 추출하기

글쓰기, 소통 방식 팁

brunchdev — Sun, 28 Aug 2022 23:16:53 GMT

주어-목적어-동사 구조 수동태 금지 실행하는 주체와 행동을 명확하게 한다. 구조화 된 문단 한 문단을은 대략 3-4 문장으로 이뤄진다. 업무에 대한 정의 및 진행하게 된 이유 데이터와 함께 업무의 진행 결과 제시 업무 후 배운 점, 혹은 부족한 점 공유 다음 단계 혹은 미래의 계획 및 예상 결과 정중한 표현 기다려 주셔서 감사합니다. 미리 감사드립

이팩티브 타입스크립트 노트

brunchdev — Wed, 20 Jul 2022 02:15:30 GMT

1. 타입스크립트와 자바스크립트의 관계 이해하기 타입스크립트는 자바스크립트 런타임 동작을 모델링하는 타입 시스템을 가지고 있다. 2. 타입 스크립트 설정 이해 noImplicitAny - any 타입을 불허 strictNullChecks - 모든 타입에 null, undefinded 불허 3. 코드 생성과 타입이 관계없음을 이해하기 타입스크립트 컴

일기장 - 22.06.21

brunchdev — Tue, 21 Jun 2022 01:52:46 GMT

책 출고를 테스트하기 위해 글을 5개나 써야 한다... 조금 고된 일이지 않을 수 없다. 오늘 오피스 출근을 했다. 당혹함의 연속이었다. 커피를 마실까하여 까까오 카페 앞에 갔지만 오피스 이전으로 당분간 문을 닫았다. 어쩔 수 없이 음류수 냉장고 앞에 가서 늘 마셨던 토레타를 찾았지만 눈을 비비고도 찾을 수 없었다... ... 참 즐거운 하루였다 ^^

void 0 - 이친구는 도대체 뭔가?

brunchdev — Tue, 21 Jun 2022 01:52:22 GMT

레거시 코드를 접하게 된다면 종종 볼 수 있다. value === void 0 undefined는 항상 undefined가 아닐 수도 있다는 얘기다. var undefined = 'hello'; console.log(undefined); // hello 충격과 공포 var undefined = 'hello'; // as-is if(params =

prettier import 자동 정렬

brunchdev — Tue, 21 Jun 2022 01:48:16 GMT

prettier 설정 https://prettier.io/docs/en/install.html yarn add --dev --exact prettier echo {}> .prettierrc.jsecho {}> .prettierignore prettier-plugin-sort-imports https://github.com/trivago/prettier-

일기장 - 22.06.20

brunchdev — Mon, 20 Jun 2022 09:26:09 GMT

snapshot test 코드 중 계속 테스트를 통과하지 못한 테스트 케이스가 있었다. 왜 안될까.. 여름이 다가 오는 것일까, 방안이 유독 찜통같았다. 나는 허겁지겁 선풍기 세기를 최대로 틀었다. 내 몸은 청량해졌지만 내 머리는 식혀지지 않고 사고가 멈춰 있게 되었다. 루카스의 지원을 요청했다. headless 옵션을 지우고 다시 테스트 케이스를 살펴본

카카오스럽나요?

brunchdev — Mon, 20 Jun 2022 08:54:08 GMT

카카오 크루는 종종 이렇게 묻곤 합니다.우리의 관점, 행동하는 방법, 지향하는 목표까지 카카오스러움은 이미 우리 안에 스며들어 있습니다. 우리가 더 나은 세상을 만들기 위해 고민하면서 자연스럽게 체득한 태도이자 본질이기 때문입니다. 앞으로도 우리는 카카오스러움에서 고민을 시작하고, 답을 찾을 것입니다. 가보지 않은 길을 두려워 하지 않습니다. Wil