Frontend 개발자 - hyo.loui

❤️‍🔥TIL : Today I Learned Hoisting / TDZ 호이스팅과 TDZ 에 대해서 설명합니다. 해당 포스팅에서는 변수에 집중하여 설명합니다. 호이스팅 이란? var, let const, function, class 키워드를 사용해서 선언하는 모든 식별자는 호이스팅 된다. 왜냐하면, 선언문은 실행하기(런타임) 이전에 먼저 소스코드의 평가과정(컴파일)을 거치면서 실행하기 위한 준비를 한다. 때문에 코드의 선두로 끌어 올려진 것처럼 동작하는 자바스크립트 고유의 특징을 호이스팅 이라고 한다. TDZ 란? Temporal Dead Zone의 약자로 변수가 let, const 키워드로 선언되었지만 아직 초기화 되지 않은 경우 발생하는 동작이며, 이 시간동안 변수에 접근하면 ReferenceErr..

❤️‍🔥TIL : Today I Learned 🤢 문제 내용 : 게시글 작성, 수정 중 유효성검사를 통과하지 못했을 때 (작성자, 비밀번호 미입력 등) 해당하는 input 박스를 auto focus 하는 기능 추가 과정중 document 가져오기 🔨 시도한 방법 1. useFocus라는 Custom hook 생성 후, dom요소 직접 조작 문제점 - React 에서 document를 직접 조작하는 것은 추후 원인이 불분명한 오류를 유발할 수 있다! 위 오류를 해결하면서 알게된 점은, custom hook 을 일반 컴포넌트와 같은 개념으로 props 를 넘겨줘야 된다고 생각해서 {props} 와 같은 방식으로 넘겨줬다.. 하지만 내가 사용하려고 하는 custom hook 은 jsx 문법을 반환하는 comp..