분류 전체보기
-
[ReactJS] Components and PropsProgramming/ReactJS 2022. 11. 30. 02:03
Component 리액트에서는 모든 페이지가 컴포넌트로 구성되어 있다. 작은 컴포넌트들이 모여 하나의 컴포넌트를 구성하고 그렇게 하나의 페이지가 완성된다. 함수 형식으로 사용되는데 Props를 입력으로 받아 React element를 출력하는 느낌으로 이해하면 된다. 객체지향의 클래스 및 인스턴스와 비슷한 개념을 가지고 있다. Component는 크게 Function Component와 Class Component로 나뉜다. 함수 컴포넌트는 pure 함수 같은 역할을 해야 하는데, props를 받아와 element를 출력한다. 클래스 컴포넌트는 React.Component를 상속받아서 새롭게 자식 클래스를 만드는 방법이다. Component 이름을 지을 때는 항상 대문자로 시작해야 한다. 그렇지 않을 시..
-
[ReactJS] Rendering ElementsProgramming/ReactJS 2022. 11. 29. 14:47
How to make ReactJS Elements 리액트 Elements는 자바스크립트 객체 형태로 존재하는데, 이 객체는 마음대로 바꿀 수 없는 불변의 형태이다. Element를 생성하는 createElement 함수는 다음과 같다. React.createElement( type, // 'div', 'button' ... [props], [...children] ) Elements 생성 후에는 children이나 attributes를 바꿀 수 없다. 한 번 생성된 다음에는 수정이 불가능하다는 것을 의미한다. Component를 붕어빵 틀이라고 생각하면 Element는 추출된 붕어빵 정도로 생각하면 된다. Root DOM Node const root = ReactDOM.createRoot(documen..
-
What should CDD be?Complaint 2022. 11. 29. 03:06
내가 어떤 일을 하고 있다고 설명해야 할까? 난 정말 다양한 일들을 하면서 살고 있다. 그래서 새로운 누군가에게 나를 설명할 때마다 고민이 많다. 결국 금전적인 이익을 취하면서 하고 있는 일은 없기에 그냥 취미로 이것저것 하고 있는 사람이라 설명하곤 한다. 그렇게 얘기할 수 있는 나의 특징에는 여러 종류들이 있는데, 어차피 내 블로그니까 다 이야기 하자면 블로그(네이버)를 운영하고 있고, 유튜브를 하고 있으며 종종 뮤직비디오를 촬영하기도 하고, 출사를 나가서 사진을 찍기도 하고, 힙합을 좋아해서 음악을 하기도 하고, 전공이 컴퓨터공학인지라 프로그래밍도 하고 있고, 교직이수를 했기 때문에 교직 또한 관심이 많다. 다양한 일들을 하고 있기에 누구는 열심히 산다고 칭찬을 해주기도 하지만, 현실적으로 생각해보면..