profile
FE 개발 기록들을 정리해 놓은 이솝개발일지입니다.

[npm에러]ENOENT, no such file or directory

npm가 여러군데에서 설정 되었을때, 날 수 있는 오류로, npm을 다시 설치해 본다.

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

[mobX에러]Leading decorators must be attached to a class declaration

class 선언 내부에 @inject를 사용해야 한다.

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

[개발]실행중인 port 확인 후 내리기

localhost 실행중인 port 를 내리기

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

[react에러] prettier 와 ESlint

prettier ESlint

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

[react 에러] unhandled rejection cannot read properties of undefined

unhandled rejection cannot read properties of undefined

2022년 7월 27일
·
0개의 댓글
·
post-thumbnail

#3 mobX

mobX는 상태관리 라이브러리 이다.redux보다 깔끔하여 러닝커브가 낮다.컴포넌트를 필요시에만 실행해 렌더링 최적화에 용이하다.event가 발생하면 Actions를 일으킨다.Actions는 Observable state에 저장되어 있는 데이터들을 변화시키는 actio

2022년 7월 26일
·
0개의 댓글
·
post-thumbnail

#2. ES6 map(), filter(), reduce()

ES6 문법 중 map(), filter(), reduce() 의 특징을 알아보자const lists = one, two, three, four(1) Array.prototype.map()Array 에 있는 요소들을 모두 조건에 맞게 변경하여 배열을 만들어준다.(2)

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

#1. Styled-component

Styled-component 의 장점Scss라이브러리 설치 없이 Scss 문법을 사용할 수 있다.자유로운 CSS 커스텀 컴포넌트를 만들 수 있다.컴포넌트의 props를 참조할 수 있으며, props의 값에 따라 스타일을 다르게 코딩 할 수 있다. Styled-comp

2022년 7월 25일
·
0개의 댓글
·
post-thumbnail

watch 와 watchEffect의 차이점

vue3에서 추가된 watchEffect

2022년 6월 20일
·
0개의 댓글
·
post-thumbnail

#3 tab 구현하기 1 - class 바인딩

tab 구현하기 첫번째. class binding하여 현재 있는 탭 위치를 보여주는 기능 구현.

2022년 5월 16일
·
0개의 댓글
·
post-thumbnail

#2 vuex 로 전역 modal 만들기

vuex스토어를 활용한 리스트 상세보기 팝업을 만들 수 있다

2022년 5월 12일
·
0개의 댓글
·
post-thumbnail

#1 모달 외부 클릭하여 닫기

태그에 focus, blur를 통한 모달 닫힘 구현

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