태그 목록
전체보기 (125)React(20)typescript(11)JavaScript(9)API(5)자바스크립트(4)node.js(4)heroku(4)error(3)Contact Form(3)router(3)CSS(3)배포(2)cors(2)ESLint(2)spa(2)vanilla javascript(2)불변성(2)Crawling(2)IntersectionObserver(2)MERN(2)비동기(2)express(2)MVC(2)scss(2)promise(2)webpack(2)redux-persist(2)hook(2)최적화(2)catch(2)git(2)화살표 함수(2)파라미터(2)react router dom(1)ScrollWidth(1)반응형(1)MEVN(1)jstl(1)nodemailer(1)모듈(1)함수형 컴포넌트(1)validation(1)vue(1)try(1)yarn workspace(1)getBoundingClientRect(1)리덕스(1)신입사원 무지(1)arguments(1)알고리즘(1)스트림(1)getServerSideProps(1)debounce(1)Recoil(1)탐욕법(1)fizzbuzz(1)await(1)서버(1)git to mp4(1)useEffect(1)useState(1)Rubber duck debugging(1)값식문(1)scrollLeft(1)throw(1)모바일퍼스트(1)async(1)lerna(1)tooltip(1)Flex(1)useParams(1)포트폴리오(1)body parser(1)material ui(1)스크롤이벤트(1)deploy(1)https(1)emailJS(1)json(1)redux-toolkit(1)mongodb(1)JAM Stack(1)thunk(1)에러 일지(1)context(1)react-query(1)media query(1)State(1)useMemo(1)함수(1)this(1)News Picker(1)axios(1)500 에러(1)html(1)미디어쿼리(1)useLayoutEffect(1)명령형(1)격자판(1)CurrentTarget(1)모노레포(1)form(1)Then(1)monorepo(1)geolocation(1)HoC(1)useLocation(1)이중 반복문(1)Java(1)상속(1)getStaticProps(1)next.js(1)static page(1)immutability(1)어워드(1)Map(1)디자인 패턴(1)Props(1)hash(1)Page Speed Insights(1)redux(1)500 error(1)Spring(1)set(1)mean(1)생성자(1)카카오 API(1)예외(1)github page(1)503(1)function(1)선언형(1)type assertion(1)크로스브라우징(1)mixin(1)버퍼(1)배열(1)component(1)Flux(1)BEM(1)link(1)greedy(1)lodash(1)dialog(1)라이브러리(1)프레임워크(1)http(1)리액트(1)

[에러 일지] ... is not a commit and a branch

git 원격 저장소에 다른 개발자가 작업한 feature 브랜치를 가져오려고 git checkout -b feature/test1 origin/feature/test1 명령어를 사용했는데, 계속 아래 에러가 발생했다.로컬 브랜치를 해당 원격 브랜치를 추적하도록 아래 명

2023년 5월 17일
·
0개의 댓글
·
post-thumbnail

[Git] 이전 특정 커밋부터 브랜치 따서 작업하기

다른 개발자가 개발한 내용을 pull 받았는데 에러가 발생해서 수습하는 동안 나는 이전 커밋으로부터 브랜치를 따서 최근 pull 받은 커밋 내용은 무시하고 작업을 해야 하는 일이 생겼다.그래서 아래 이미지와 같이 에러가 나기 전 특정 시점에서부터 브랜치를 생성하고 싶었

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

[에러 일지] Failed prop type: Invalid prop `children` supplied to `ForwardRef(Dialog)`, expected a ReactNode.

Failed prop type: Invalid prop children supplied to ForwardRef(Dialog), expected a ReactNode.Uncaught Error: Objects are not valid as a React child (f

2023년 2월 23일
·
0개의 댓글
·

[에러 일지] ESLint - Function component is not a function declaration

error Function component is not a function declaration eslint (react/function-component-definition)리액트에서는 보통 함수형 컴포넌트를 사용한다. 어쨌든 함수라는 말이다. ESLint reac

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

[에러 일지] spring boot - A problem occurred configuring root project ...

A problem occurred configuring root project 'hello-spring'.Could not resolve all files for configuration ':classpath'.Could not resolve org.springfram

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

[에러 일지] Failed to load plugin declared in '.eslintrc.json

Failed to load plugin '...' declared in '.eslintrc.json » eslint-config-standard-with-typescript » eslint-config-standard': Cannot find module 'eslint

2023년 2월 2일
·
0개의 댓글
·

[에러 일지] serializableStateInvariantMiddleware.ts:194 A non-serializable value ...

🚫 serializableStateInvariantMiddleware.ts:194 A non-serializable value was detected in an action, in the path: register. Value: ƒ register(key) {

2023년 1월 24일
·
0개의 댓글
·

[에러 일지] yarn eslint --init ERR_MODULE_NOT_FOUND npm ERR! code 1

eslint --init 명령어를 실행했을 때, 모듈이 없다는 에러가 발생한다면 configuration file이 없기 때문일 가능성이 높다.이럴 때에는 eslint --init 대신 다음 명령어로 configuration file을 직접 생성하면 해결된다.npm i

2023년 1월 23일
·
0개의 댓글
·

[에러 일지] The engine "node" is incompatible with this module.

설치하려는 패키지와 로컬에 설치되어 있는 node 버전이 맞지 않아서 발생하는 에러이다.이 에러를 해결하기 위해서는 크게 두 가지 방법이 있다.1\. 로컬에 설치되어 있는 node 버전을 업데이트 하는 방법2\. 패키지를 설치할 때 버전을 무시하고 설치할 수 있도록 명

2023년 1월 23일
·
0개의 댓글
·

Monorepo(모노레포) 프로젝트 구성하기 - Lerna, yarn workspace

Monolithic Repositories의 약자로, 여러 개의 프로젝트를 하나의 Repository에서 구성하는 것을 말한다. 보통은 하나의 Repository에 하나의 프로젝트를 생성하는데, 이런 구성은 Polyrepo 혹은 Multirepo라고 부른다.여러 프로젝

2022년 12월 29일
·
0개의 댓글
·

[Git] 원격 sub branch 가져오기

이미 main branch를 clone해서 로컬에서 작업하고 있더라도 원격지에 존재하는 다른 sub branch를 가져와 작업해야 하는 경우도 종종 있다.git pull 혹은 clone으로는 main branch만 가져올 수 있기 때문에 아래와 같은 방법을 통해 원격지

2022년 10월 28일
·
0개의 댓글
·

[react] redux-persist 특정 state만 적용하기

state를 새로고침 후에도 유지하기 위해 redux-persist를 사용한다. 보통은 reducer를 지정해 전체 state를 유지하지만, 특정 state만 유지하고 싶을 때도 있다. 이때 whitelist와 blacklist 옵션을 같이 사용하면 된다.(reduce

2022년 10월 7일
·
0개의 댓글
·

[React] redux-persist - 새로고침 후에도 store state 유지하기 (with typescript)

리덕스는 새로고침하거나 창을 닫으면 스토어에 저장된 state가 리셋된다. 로그인 정보를 store에서 관리하는 경우, 해당 state가 유지되어야 한다. 이 때 redux-persist를 사용하면 된다.App을 불러오면서 Local Storage에 저장된 유저 정보를

2022년 10월 6일
·
0개의 댓글
·

JSX에 '문'이 올 수 없는 이유 (값식문)

컴퓨터 언어의 문법 에러는 서비스 장애로 직결된다. 그만큼 문법은 프로그래밍에서 중요한 요소이다. 문법 요소 중 파괴되기 쉬운 부분은 값식문이다. 따라서 문법의 기본인 값식문의 개념에 대해 반드시 숙지하도록 하자.프로그램이 조작할 수 있는 표현불변값으로 평가될 수 있는

2022년 9월 27일
·
0개의 댓글
·

[Java] 객체지향 프로그래밍

객체지향 프로그래밍이란, 데이터를 추상화하여 상태와 행위를 가진 객체를 만들고, 이를 활용하여 프로그래밍하는 것을 말한다. 문제를 여러 개의 객체 단위로 나눠 작업하는 방식으로, 객체들이 서로 유기적으로 상호작용하는 프로그래밍 이론이다. 절차적 프로그래밍과 다르게 객체

2022년 9월 2일
·
0개의 댓글
·

chart.js 툴팁(데이터) 항상 보이게 하기

chart.js의 툴팁을 항상 보여지도록 하는 방법은 생각보다 까다롭다. chart.js 외에도 chartjs-plugin-datalabels 플러그인을 별도로 설치해야 구현하기 한결 간편해진다. chartjs-plugin-datalabels는 chart.js 버전 3

2022년 8월 29일
·
0개의 댓글
·

[에러 일지] Vue - Error: EACCES: permission denied (for Mac)

npm install -g @vue/cli를 사용해서 뷰 Cli를 설치하려는데 아래와 같은 에러가 발생했다.npm ERR! code EACCESnpm ERR! syscall mkdirnpm ERR! path /usr/local/lib/node_modules/@vuenp

2022년 8월 21일
·
0개의 댓글
·

[Java] 클래스와 인스턴스 그리고 멤버

클래스는 객체의 설계도이다. 클래스에는 객체를 생성하기 위한 필드와 메서드가 정의되어 있다. 클래스로부터 만들어진 객체를 해당 클래스의 인스턴스라고 한다.클래스에는 객체가 가져야 할 구성 멤버가 선언된다. 구성 멤버에는 필드, 생성자, 메서드가 있다. 이 구성 멤버들은

2022년 8월 16일
·
0개의 댓글
·

[Java] MVC 패턴

디자인 패턴이란, 재사용 가능한 솔루션을 말한다.MVC는 디자인 패턴 중에 하나로 Model-View-Controller의 약자이다. 애플리케이션을 세 가지 역할로 구분한 개발 방법론이다. 주로 GUI(Graphic User Interface) 기반의 애플리케이션 개발

2022년 8월 9일
·
0개의 댓글
·

[Java] JSTL 정리

JSTL이란? JSTL(JSP Standard Tag Library)은 표준 태그 라이브러리로, JSP의 기본 태그가 아닌 JSP 확장 태그이다. JSTL은 반복, 조건 로직이나 formatting 작업, XML 문서, SQL 태그의 조작을 위한 태그에 사용된다. J

2022년 8월 8일
·
0개의 댓글
·