인프런 커뮤니티 질문&답변
작성한 질문수
styled component hoisting 질문
작성
·
365
0
안녕하세요, styled component 적용하는 강의에서 질문이 있습니다.
const의 경우 hoisting이 선언부만 되는 걸로 알고 있는데, container,Iframe 등을 코드의 가장 밑부분에 작성하더라도 사용될 수 있는 이유가 있을까요??
답변 1
0
John Ahn
지식공유자
안녕하세요 ~
호이스팅 부분은 순수 자바스크립트 파일에서 읽어질 때 적용이 되는 부분입니다.
const Banner = () => {
console.log('hello',hello);
return (<p></p>)
}
const hello = 'hi';호이스팅 문제가 일어난다면 이 부분도 styled component 뿐만 아니라 이 부분도 에러가 날 것입니다.
리액트에서는 리액트 컴포넌트가 처음 시작할 때 웹팩을 이용해서 리액트 만의 변수를 정의하는 방식이 있기 때문에 에러가 나지 않게 됩니다 ~ 감사합니다.