을 사용하면 추적불가능한(새로 생성된 파일)도 저장할 수 있다 도 가능 << 한번 더 확인

next.config.js 파일에 도메인 링크를 추가하면 해결된다.💡설정을 변경해준 것이기 때문에 서버를 껐다 켜주어야 적용이 된다!!!

npm 패키지 매니저를 이용해서 패키지를 설치할때 쓰이는 옵션 정리devDependencies에 패키지들이 추가하는 옵션dependencies에 패키지를 추가하는 옵션npm5 부터는 --save 옵션을 추가하지 않아도 자동으로 dependencies에 추가해당 패키지를

코드 스타일을 일관성있게 관리해주는 코드 포멧터로 협업에 필수아이템prettier 를 설치한다prettier 설정하기.prettierrc.js 파일을 생성하고 아래 코드를 입력한다.prettier 검사하기prettier 적용하기

storybook은 UI 컴포넌트를 분리해서 개발하여 테스트하고 문서화할 수 있는 개발 도구인데 다른 개발자, 디자이너와 협업하고 유지보수를 진행하는 것을 편리하게 한다. 컴포넌트의 상태 변화 및 이벤트 등을 시각적으로 확인할 수 있어 개발자의 작업 효율성을 높여주는

tailwind 설치tailwind 설정 파일 생성템플릿 경로 구성(tailwind.config.js)tailwind 적용(global.css)앱 실행예시💡 tailwindCSS 를 설치하고 className 을 작성해도 적용이 안되서 뭐가 문젠지 한참 찾았는데 VS

정규식을 이용해서 개인정보 마스킹 처리하기

자바스크립트, API, 마크업을 주축으로 하는 웹 애플리케이션 아키텍처표준 마크업 언어로 구성하여 애플리케이션 서버 또는 nodeJS와 같은 서버 사이드 기술에 의존하지 않고 어디서나 빌드하고 테스트가 가능하다최근까지 가장 웹 개발자들이 많이 선택한 개발 방식은 LAM

각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성

오래전 유행했던 콜라 문제가 있습니다. 콜라 문제의 지문은 다음과 같습니다.정답은 아무에게도 말하지 마세요.콜라 빈 병 2개를 가져다주면 콜라 1병을 주는 마트가 있다. 빈 병 20개를 가져다주면 몇 병을 받을 수 있는가?단, 보유 중인 빈 병이 2개 미만이면, 콜라를

console.log() : HTML 형태의 트리구조를 출력console.dir() : JSON 형태의 트리구조를 출력

함수가 사용된 페이지를 열고 콘솔에서 해당 함수명을 친다결과를 더블 클릭한다함수가 생성되어 있는 파일이 Sources 창에 열린다확인한다⭐에러는 빨간 밑줄이 표시되므로 어디서 에러가 난 건지도 확인 가능

gatsby 를 이용해서 블로그를 만들어보기 위해 설치하는 도중 기존에 설치된 node 버전이 낮아서 gatsby 가 설치되지않는 이슈가 발생했고, nvm을 이용해서 최신 노드를 설치하고 nvm use를 이용해서 노드버전을 설정해 주었다.근데 vsc 와 iterm2 터

리액트에서는 하나의 컴포넌트에서 여러개의 앨리먼트가 반환되는데 이때 return문 안에는 앨리먼트들을 묶어주는 최상위 태그가 있어야한다.다음 코드에서 Table 컴포넌트가 출력되면이러한 형태를 가지게 된다.이때 불필요한 div 태그 사용을 막기 위해 React.Frag

React 기반의 정적 HTML 페이지 생성기로 기존에 블로그 제작에 많이 사용되었던 Jekyll와 비슷하다기본적인 default 생성 방법과 starter pack 을 사용하는 두가지 방법이 있는데, 포트폴리오 또는 블로그를 빠르게 구축하고 싶을 경우 starter

문자열에서 특정 문자 조합을 찾기 위한 패턴^ : 문자열의 처음을 지정$ : 문자열의 끝을 지정. : 줄 바꿈 문자(\\n)를 제외한 임의의 한 문자를 의미? : 해당 문자 패턴이 0번 또는 1번만 반복\* : 해당 문자 패턴이 0번 이상 반복\+ : 해당 문자 패턴이

src/stores/BasketStore.tssrc/stores/ProductStore.tssrc/components/Market.tsx

사이드 프로젝트 새로 할때마다 헷갈려서 기록 깃허브에 새로운 레포지토리를 생성한다. 깃허브 레포지토리와 연결한 로컬 폴더에서 init을 진행한다.(로컬 저장소 생성) > git init 로컬 폴더와 깃허브 레포지토리를 연결한다. > git remot add ori

git init을 했을 때 기본 설정을 미리 바꾸지 않으면 master로 설정되는데원격 저장소에는 main으로 만들어져 있기 때문에 push 할때 다음과 같은 문제가 발생한다.터미널에 아래 코드를 입력해서 기본 브랜치명을 수정해준다.

git push origin main 했을 때 다음과 같은 오류가 발생했다.아마도 push 하기전 pull을 땡겨버려서 그런듯,, 왜그랬는지는,, 몰라,,push 할려고하는 브랜치명 앞에 +를 붙여준다.