일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
- netlify redirect
- vuex map
- 이벤트 수식어
- vue 지역 컴포넌트
- SCSS forward
- intersection opserver
- KDT 프로그래머스 데브코스 프론트엔드
- Vue
- SCSS extend
- vue mixin
- 다른컴퓨터에서 git사용
- 쌓임맥락
- 고양이 사진 검색기
- 폼 입력 바인딩
- 프로그래머스 K_Digital Training
- postcss
- react next
- flex
- 리액트
- vue 이벤트 수신
- 프로그래머스 데브코스
- SCSS import
- SCSS use
- Spacer
- KDT 프로그래머스
- 프로그래머스 프론트엔드 데브코스
- git 같은계정 다른 컴퓨터
- nextjs사용법
- 리스트 렌더링
- 프로그래머스 데브코스 프론트엔드
- Today
- Total
목록분류 전체보기 (307)
혼자 적어보는 노트
📘 책 내용 요약 딥워크란? 인지 능력을 한계까지 밀어 넣어 완전하게 집중한 상태에서 하는 일. 따라 하기 어렵다. 대체 불가능한 전문가가 되는법 익힐 수 없으면 성공할 수 없다. 기술의 발전으로 경제 구조가 바뀌고 있는 현재, 특별한 우위를 누리기 위한 핵심 능력은 두 가지가 있다. 1. 새로운 기술, 어려운 일을 신속하게 습득할 수 있는 능력 : 어려운 기술일수록 그 가치가 높아지며 빠르게 변화하는 기술들에 맞춰 습득을 하려면 반드시 집중이 필요하다. 2. 질과 속도의 면에서 최고의 성과를 내는 능력 : 성과는 같은 시간을 투자하더라도 집중하는 강도에 영향을 받는다. 즉 집중을 잘하고 시간을 효율적으로 쓰는 사람이 결과적으로 좋은 성과를 낼 수 있다. 몰입과 집중을 방해하는 세상 분주함은 생산성과 동..
주인공인 르네가 퇴행 최면을 통해 30년 후의 미래에 가게 되고 미래에 꿀벌이 사라지면서 3차 세계대전이 발생한다는 것을 알게 된다. 미래의 르네는 이를 막기 위한 답이 “꿀벌의 예언”이라는 책에 있다고 알려주어 현재의 르네는 “꿀벌의 예언”을 쓴 저자를 찾아 과거(전생)으로의 여행을 떠나게 된다. 꿀벌이 지구상에서 사라지면 인간에게 남은 시간은 4년뿐이다. 인생을 살며 중요하게 여기지 않았던 꿀벌이라는 존재가 사라짐으로써 인류의 미래가 없어진다는 것에 처음엔 공감을 하기 어려웠다. 하지만 전체 식물종의 80%가 꿀벌이 있어야만 번식을 할 수 있으며 꿀벌이 사라진다는 것은 인간의 생존과도 연관이 되어있다는 것을 알게 되었다. 책 속에서의 꿀벌의 개체 수를 줄이는 주된 원인인 등검은 말벌은 보통 겨울의 강..
줄거리 및 스포 저자는 본인의 삶에서 혼란을 겪고 있을 때 데이비드 스타 조던이라는 어류 분류 학자에 대해 알게 된다. 데이비드는 수십년간 수집한 수천개의 어류 표본들을 지진으로 인해 한번에 잃을 위기에 처했었지만 좌절하지 않고 꿋꿋하게 바늘로 물고기에 이름표를 꿰매서 달았고 저자는 이 행동을 보고 어떻게 좌절하지 않고 희망을 가질 수 있는 지에 대한 궁금증으로 시작하여 그의 이야기를 쫒게된다. “인생의 의미가 뭐예요?” “의미는 없어” 저자는 과학자인 아버지 밑에서 자라 모든 것들은 광대한 시간의 길이 중 인간이 존재하는 기간은 너무나 적고 지구 멀리서 본다면 아무것도 아닌 의미없는 것들이라는 말들을 들으며 자라게된다. 그리고 그 의미 없는 삶 속에서 학창시절엔 언니와 함께 따돌림을 당하고 우울증으로 ..
📘 리뷰 회사에 입사 후 OJT에서 이 책의 일부 파트를 읽는 게 있었는데, 다시 전체적으로 읽어봐야겠다는 생각이 들어서 다시 읽은 책이다. 프로그래밍 기술과 습관을 보다 향상시키고 깊게 이해하고 싶은 사람들을 위한 책이라고 설명되어는 있지만 내가 읽었을 땐 마치 “코드 이해하는 거 어려웠지? 이런 이유 때문에 어려운 것이었단다~” 와 같이 설명해 주는 느낌이라 위로 아닌 위로(?)를 받은 느낌이었다. 다만 이 어렵게 느껴지는 관점을 일반적인 관점이 아닌 뇌와 관련된 인지적 관점으로 다루기 때문에 신선하기도 하고 입사 후 한번쯤 해봤을 만한 생각들을 다양한 실험을 예시로 들어서 재미있게 읽었다, 내용의 일부는 프로그래밍 뿐만 아니라 다른 학습을 할 때도 접목시킬 만한 내용도 있었고, 중간중간 자기 자신의..
불필요한 useEffect 제거하기 무분별하게 useEffect를 사용하게 되면 버그가 생기기 쉽고 사이드 이펙트 때문에 디버깅을 하기 어려울 때가 있다. 또한 useEffect 없이 구현할 수 있음에도 useEffect를 사용함으로써 불필요한 렌더링이 생기기도 한다. 나 또한 코드를 작성할 때 습관적으로 useEffect를 사용해 왔던 것 같고 이전에 관련 내용을 읽은 적은 있었으나 의식적으로 다른 코드로 대체할 생각을 하지 않다 보니 습관 그대로 쓰는 경우가 있었다. 이번에 회의에서 useEffect 사용을 자제 하자는 이야기가 나와서 다시 직접 작성하며 정리하게 되었다. 🔗 참고 문서 : https://react.dev/learn/you-might-not-need-an-effect 참고 문서에서 대..
nextjs에서 component selecteor사용 시 발생하는 에러 Error: Component selectors can only be used in conjunction with @emotion/babel-plugin, the swc Emotion plugin, or another Emotion-aware compiler transform. const Parent = styled.div` ${Children} { font-size: 20px; } `; ✅ 해결 next.config.js compiler: { emotion: true, },
storybook에서 next에서 사용하는 Image 컴포넌트를 그대로 사용했더니 404 (Not Found)가 무한 호출되는 현상이 나타났다. ✅ 해결 방법 storybook 환경에서는 이미지 최적화를 하지 않도록 설정한다. // .storybook/preview.js import * as NextImage from 'next/image'; const OriginalNextImage = NextImage.default; Object.defineProperty(NextImage, 'default', { configurable: true, value: (props) => src} />, }); export const parameters = { actions: { argTypesRegex: '^on[A-Z]..
nextjs + ts 환경에서 storybook을 설치하고 yarn storybook을 했는데 webpack building 99% 이후 아래와 같은 에러가 발생했다 ModuleNotFoundError: Module not found: Error: Can't resolve 내 폴더 경로/node_modules/@storybook/addon-measure/preview.js-generated-config-entry.js doesn't exist 에러 메세지의 경로를 보니 module 안에서 문제가 있는 것 같았는데 오랜시간 헤매다 찾은 글로 임시로 해결했다. https://stackoverflow.com/questions/74537078/storybook-cant-resolve-generated-stori..