후후..vscode상에서 파일명에 들어간 대소문자를 변경했는데, 해당파일을 import하는 모든 곳에서 변경점을 감지하지못하고 빨간줄을 마구 내뱉을때! 침착하게 캐시를 지우고 의존성 재설치를 합니다.1. node_modules와 lock 파일 삭제하기rm -rf node_modules package-lock.json yarn.lock 2. Next.js 캐시도 삭제rm -rf .next 3. 의존성 다시 설치npm install# 또는yarn install4. 개발 서버 재시작하기npm run dev# 또는yarn dev 로컬은 이렇게 해결이 되는데 연결되어 있는 깃레포에는 또! 반영이 안되는데요~??하시는분들 ㅎ 만능 방법이 있습니다.. 예를들어 nav.tsx를 Nav.tsx로 바꿨을때 이런문제가 ..
2024년들어 처음 쓰는 블로그 ㅎ간만에 프로젝트 세팅부터 하는중인데 다까먹어서 되는게 없군요.. 열심히 다 찾아가면서 틈틈히 기록으로 남겨보는것으루.. 먼저 각 파일에서 스타일을 정의하는 방법을 알아보자. 1. tailwind.config.ts에서의 스타일 정의tailwind.config.ts 파일은 Tailwind CSS의 기본 설정과 테마를 확장하거나 수정하는 데 사용된다. 여기서는 Tailwind의 기본 색상, 폰트, 간격, 크기 등의 전역적인 디자인 시스템을 정의할 수 있다.주요 목적: Tailwind의 기본 유틸리티 클래스를 확장하거나 덮어쓰기.예시: 색상, 폰트 크기, 간격 등을 전역적으로 수정하고 싶을 때 사용./** @type {import('tailwindcss').Config} */..
어쩌다 보게 된 개발바닥 유튜브의 아래 두영상을 보고 쓰게 된 글이다. 시선 강탈하는 영상 썸네일에 이끌려 보게되었는데 생각해 본 것, 볼것들이 많아 정리해 봤다. (Q와 A모두 영상에 나오는 내용으로 개인적인 생각은 -> 표시 이후에 적었다. ) Q : 스타트업에서 인원을 채워나가면서 몸집을 불릴 때, 10-20명까지는 어떻게든 채용이되는데 50명 100명 200명은 어떻게 뽑나?? 이구간이 채용이 힘든 시기다. 20명 -> 100명으로 갈 때 채용 시 뭘 포기할 수 있는지? 개발실력은 포기하고 회사비전에만 동의하는사람 OR 개발실력은 좋으나 비전에는 관심이 크게 없는 사람 A : 비전을 포기한다. 진짜 초기일 때는 비전을 포기하면 동력이 안 생기지만 30명 정도까지 갔다면 좀 내려놔도 될 거 같다. ..
코드리뷰는 여러 측면에서 중요한 과정이다. 회사 입장에서는 개발자가 회사를 떠나도 코드는 유지되야 하고(지식경영(knowledge management) 측면), 개발자는 성장할 수 있는 기회를 가지게 되며 팀 입장에서는 팀워크와 코드쉐어링을 통한 장애에 대한 불안감을 감소시킬 수 있다. 도입 전 고려사항 코드 리뷰에 참여하는 구성원들의 인식이 같은 곳을 바라보는가? 문화로 받아들일 준비가 되어있는가? 어떤 코드가 좋은 코드에 대한 기준을 먼저 정하자. 전체적인 코드 컨벤션 확립과 코드 일관성을 유지하기 위한 도구 도입하자. 불필요하고 소모적인 리뷰로 인해 시간 낭비, 리소스 낭비를 예방해야 한다 코드리뷰에 대한 방법 및 리뷰 작성 시 고려사항들 1. 하나의 프로젝트는 일관성이 있어야 하고 클린코드를 지향..
You Don't Know JS : this와 객체 프로토타입, 비동기와 성능을 읽고 정리한 내용입니다. ==================================================================== 함수는 this로 자기 참조를 할 수 없다. function foo(num) { console.log("foo : " + num); this.count++; } foo.count = 0; let i; for(i=0; i5){ foo(i) } } // foo:6 // foo:7 // foo:8 // foo:9 console.log(foo.count); //0 foo.count =0을 하면 foo라는 함수객체에 count프로퍼티가 추가된다. 하지만 this.count에서 this는 ..
error Duplicate case label no-duplicate-case원인 : switch문에서 case가 중복되는 경우 발생하는 에러. 해결 방안 : 중복된 케이스문을 하나만 남기고 지우면 해결됨 error img elements must have an alt prop, either with meaningful text, or an empty string for decorative images jsx-a11y/alt-text원인 : img태그안에 alt속성이 없는 경우 발생하는 에러. 해결 방안 : alt 속성자체가 필수는 아니지만 이 경우 대체텍스트이므로 빈스트링이라도 넣어줘야 에러를 피할 수 있다. error '***' is defined but never used @type..
