profile
He threw his knapsack over the brick wall

this 예제 정리

자바스크립트의 this는 함수의 생성,정의에따라 결정되는 것이 아니라 호출방법에 의해 결정 변하는 this 고정시키기 위해선 .bind 작성

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

호이스팅, this

es5var 함수레벨의유효범위es6let,const 블록레벨의 유효범위 es5함수선언식은 호이스팅 o. es6 함수표현식은 호이스팅 x 호이스팅형식을 쓰지말아야할이유 1.의도하지않은 범위에서 변수사용2.그만큼 메모리차지 -> 메모리 누수 3.ES6를 어디에서든 쓸 수

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

git push 때 eslint 8.3 에러때문에 push막힘

git push origin FRONTEND-3524 --no-verifygit hook을 무시하고 커밋할 수 있다

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

focus 관련 선택자 (focus, focus-within, focus-visible)

우리는 input, a 태그와 같이 포커스 가능한 요소를 클릭시, 선택자를 사용해 스타일을 지정할 수 있다. 일반적으로 focus 선택자를 사용하겠지만, 사실 focus 관련하여 여러 선택자가 존재한다. 이 본문에서는 focus, focus-within, focus-v

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

RegExp, RegExr

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

useStore 주의사항

next-dev.js?36dd:24 Warning: Cannot update a component (SearchPage) while rendering a different component (CustomApp). To locate the bad setState() ca

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

useQuery 3번째 인자값에 { keepPreviousData: true }

개요 : 2중필터, 게시글순서 선택하면 초기값으로 인덱스가 초기화되는 현상, 검색페이지헤더,useStore가 존재하지 않았던 8월 5일에도 searchText가 포함된 파람값을 브라우저 주소창에 적었을경우셀렉트버튼이나, headerBase 부분의 선택값을 기억못하고 리

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

SSAFY 6기 수료

싸피 6기 종료 작년 7월 처음에 입과했을땐 싸피는 그냥 아무나 오는곳이는 곳 인줄 알았다.내가 바로 그 아무나 였기 때문이다.하지만 입과 후 나와 다른 사람들을 보며 나는 그냥 운이 좋게 온 것이었다.싸피 면접때 그저 열정만 있었던 저를 뽑아준 면접관님께 감사드린다

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

TDD testcode *

testcode제너레이터가 테스트코드짜기좋다 yield가 중단점이 생기기때문에 어디서 문제점이생기는지 파악할수있긷때문 왜 TDD를 사용해야할까? 요구사항 분석및 이해 향상 설계자의관점에서코드작성사용자입장에서코드를작성모든요구사항에 대한목표점검구현보다 인터페이스에 집중시스

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

선비 성능평가

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

JSX.IntrinsicElements 형식에 속성이 없습니다

불러오는 컴포넌트명 대문자로 써줘야한다.해당 컴포넌트 const에서도 첫문자는 대문자 써줘야 빌드할 때 에러 안남

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

객체 생성 방법

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

중간 배열 순서 바꾸기

1 2 34 5 67 8 9 -> 4 5 61 2 37 8 9

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

redux payload

리덕스에 인자는 Type과 payload 키로 되어있는 obejct로 되어있다 그래서 action.payload 라고 보통 작성하고 구조분해로 바로 payload를 꺼내 쓰기도 한다.

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

redux, react에 대한 생각

react 는 결국 한 페이지 태그안에 태그안에 태그로 구성되어있는데 프롭이 상위컴포넌트에서 하위컴포넌트로 내려올 수 밖에 이유는 Scope 변수의 영역 때문인데하위컴포넌트 변수의 값이 하위 컴포넌트 밖에 상위컴포넌트에는 존재할 수 없기 때문에, 범위가 닿지 않기 때문

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

js문법

2022년 4월 29일
·
0개의 댓글
·
post-thumbnail

RegEx 정규표현식

^(\\w.\_-)a-zA-Z0-9+(\\w.\_-)(a-zA-Z0-9)+(\\w.\_-)+@(a-zA-Z0-9+.)+a-zA-Z0-9{2,8}$이메일 중간에 - 존재시 , 이메일 글자 앞 중간 뒤에 영문+숫자 포함하여 특수문자 중 점( . ) 하이픈( - ) 언더바(

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

무한루프 react lifecycle

setCount로 state 값이 변경되면 App 컴포넌트가 재실행된다let 으로 지정된 변수는 저런식으로 함수를통해 값을 변경시켜도 재 렌더링되진않는다,하지만 state값이 변하는 순간 다시 컴포넌트가 재 랜더링되는데useEffect 또한 다시렌더링 된다하지만 그 유

2022년 4월 23일
·
0개의 댓글
·
post-thumbnail

constructor, prototype

함수에 return 값이 없으면 undefined 가 나옴 함수를 호출하면 그냥 함수new(생성자 함수) 를 붙이면 객체를 생성하는 생성자가 되서 Person이라는 객체가 생성 각각의 객체를 직접 써주는것보다 생성자 이용해서 만듬

2022년 4월 19일
·
0개의 댓글
·