React-From-Scratch

다음 링크를 참고하여 작성하였습니다앞으로의 React From Scratch를 진행하기 위해서는 React, JSX, DOM element의 동작방식을 알아야한다.Mozilla 공식문서The Document Object Model (DOM) is a programmin

(1)에서 (2)를 만드는 건 babel과 같은 빌드 툴의 역할이고,우리는 (2)에서 (3)을 만드는 createElement 함수를 만들어보자만드는 법은 간단하다.그냥 첫 번째, 두 번째 인자로 type, props를 받고,나머지는 ...children으로 묶어서 이

DOM 관련 참고자료우리가 만든 React.createElement 함수의 인자를 다시 살펴보자먼저 어떤 태그인지를 type으로 받고, 두 번째 인자로 props들을 받는다.또한 이외의 인자들을 children이라는 배열로 묶어서 전달받는다.이렇게 createEleme

Problem with render() 이전에 구현한 render 함수에 문제가 있다. 바로 재귀호출 때문에, root div에서 한번 렌더링을 시작하면, 중간에 멈추지 않는다는 것이다. 즉 브라우저가 중간에 다른 일을 하고 싶어도, 하위 컴포넌트까지 전부 그리고

위의 코드에서 문제가 있다.바로 fiber의 부모에 이를 붙이게 되면,유저 입장에서는 다 완성되지 않은 홈페이지를 보게 된다.따라서 이를 방지하기 위해, 홈페이지가 다 완성되었을 때 이를 보여주도록 해보자

이전에 구현한 render 함수에 문제가 있다.바로 재귀호출 때문에, root div에서 한번 렌더링을 시작하면, 중간에 멈추지 않는다는 것이다.즉 브라우저가 중간에 다른 일을 하고 싶어도, 하위 컴포넌트까지 전부 그리고 나서야그 일을 진행할 수 있다는 것이다.이런 b