본문 바로가기

반응형

전체 글

(364)
[코어자바스크립트] 03. 종잡을 수 없는 this JavaScript에서 this가 동작하는 방식(규칙?) 함수로서 호출됐을 때에는 this에 전역 객체가 바인딩 되고, 메서드로서 호출됐을 때에는 this에 호출 주체에 대한 정보가 담긴다. setTimeout처럼 this를 정의하지 않는 함수라면 전역 객체를 바인딩하고, 77p. addEventListener가 메서드로서 호출되므로 그 앞에 있는 #a 요소를 this에 바인딩 한다. 이것이 가능한 이유는 addEventListener 메서드는 콜백함수를 호출할 때 자신의 this를 상속하도록 정의돼있기 때문. 함수와 메서드의 차이는? 함수와 메서드의 차이는 독립성 그 자체로 독립적인 기능을 수행하면 함수 자신을 호출한 대상 객체에 관한 동작을 수행하면 메서드 (참고) 어떤 함수를 객체의 프로퍼티에 할당..
[TIL] Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. Facts Uncaught Error: Too many re-renders. React limits the number of renders to prevent an infinite loop. 에러 해결 Feelings soso Findings export default function DressRoomContainer() { const dispatch = useDispatch(); const loginedUser = JSON.parse(localStorage.getItem('userInfo')).username; dispatch(setUserName(loginedUser)); const { userName } = useSelector(state => state.clothesSlice); return ( ..
[TIL] 2022-02-15 list Item의 onClick 함수 무한 루프 문제 Facts list Item의 onClick 함수 무한 루프 문제를 해결 Feelings useEffect, dispatch를 혼합해서 사용하면 아주 멋진 무한루프와 인터넷 다운을 만날 수 있다. ㅋ Findings {usersToFollow.map((user, idx) => {user} 팔로우 )} 위 처럼 하면 li가 생길때마다 onClick 함수가 실행된다. 모든 list item에 대해서 실행되는 것이다. {usersToFollow.map((user, idx) => {user} onClickFollow(idx)}> 팔로우 )} 위처럼 저렇게 해줘야 논리에 맞다. Future Action Plans 개발 마무리하기
[코어자바스크립트] 01. 불변 객체, 넌 누구냐? 기본형, 참조형 자바스크립트의 데이터 타입에는 크게 두 가지, 기본형 데이터 타입(Primitive type), 참조형 데이터 타입(Reference type)이 있다. 불변값 JavaScript에서 모든 기본형 데이터 타입은 불변값이다. 한 번 만든 값은 바꿀 수 없고, 변경은 새로 만드는 동작을 통해서만 이뤄지는 것 을 불변값이라고 하는데 다음 예시를 살펴보자. 이 코드는 아래 표와 같이 저장된다. var myString = 'abc'; 주소 ... 1002 1003 1004 1005 ... 데이터 이름: myString 값: @5004 주소 ... 5002 5003 5004 5005 ... 데이터 'abc' 이렇게 'def'를 기존 string에 추가한다면 어떻게 될까? var myString = ..
싸피 공통 프로젝트 깃 협업 중 겪은 어려움 commit이 어느 정도 쌓이면 원격저장소에 push 해서 PR을 만든다. 이 간단한 과정도 여러 명이서 하면 엄청난 혼란이 발생한다. 필자가 직접 겪은 문제점에 따른 해결 전략을 고민하고 기록해보고자 한다. 줄을 서세요!! 한 명씩 들어가세요 PR 코드리뷰 후 머지는 한 번에 하나씩 하는 것이 좋다는 것을 느꼈다. 메인 브랜치에 머지할 때 conflict는 굉장히 빈번하게 발생한다. 해당 conflict를 해결 한 후 머지한 후, 대기중인 다음 PR에 머지된 메인브랜치를 pull해서 반영하고 나서야 머지해야 한다. 안 그러면 conflict가 계속 다른 PR에 남아있어서 굉장히 많은 혼란이 생길 수 있다. 하나의 PR에는 하나의 주제만 하나의 PR에는 그 PR 전체를 관통하는 작업 주제가 있어야 한다...
[TIL] 2021-02-07 Facts df Feelings df Findings { item && { item.image } } 는 { item ? { item.image } : undefined } 와 똑같다. Future Action Plans df
[TIL] 2022.02.02 Facts 어제 밤 늦게 폰 하다 잠. 일어나서 목표쓰기 50번 함. Feelings 아침에 머리가 띵하고 피곤한 느낌 Findings Future Action Plans 나는 두나무 개발자가 된다.
[TIL] 2021-01-27 Reboot Reboot - 끈질기게 나를 괴롭히던 안좋은 행동양식을 타파하고, 진정 내가 원하는 삶을 살아가겠다. Facts 플래너 구매 발표 대본 짜기 Feelings Findings 무엇이 독인지. 무엇이 필요 조건인지 Future Action Plans 10시에 취침하기 운동하는 날은 11시 30분

반응형