내가 자율주행 기술에 대해 관심을 가지고, 자율주행을 개발하는 개발자가 되어서 세상에 보탬이 되고 싶다는 생각을 가진 것이 벌써 2년 정도 지난 것 같았다. 지금 생각해 보니, 나는 매우 안일했던 것 같기도 하다. 항상 어떻게 공부를 시작해야 하는지 찾아봤었지만, 그때 당시에는 아무리 정보를 얻고, 찾아보아도 내가 체감하고 이해할 수 없었던 것 같다. 하지만, 지금 개발공부를 몰입하여 시작한 후 찾아본 정보에는 정말 많은 것들이 담겨 있었다는 것을 깨달았다. 이런 것을 보면 내가 성장을 했구나 은근히 뿌듯하다. 먼저, 자율주행 개발은 현재 연구가 진행 중인 분야이기 때문에 딱 하나의 직업이름으로 정의되는 부분은 아닌 것 같다. 그렇기 때문에 국내정보에서는 많은 정보를 얻을 수 없었던 것이다. 이제 어떤식..

State는 Component 내에서 유동적으로 변할 수 있는 값을 저장한다. 개발자가 의도한 동작에 의해 변할 수 있고 사용자의 입력에 따라 새로운 값으로 변경될 수 있다 State 값이 변경되고 재렌더링이 필요한 경우에 React가 자동으로 계산하여 변경된 부분을 렌더링 해준다. State를 console.log로 확인해 보면 배열이라는 것을 알 수 있다. import React, {useState} from "react"; // useState를 react로부터 불러온다. function Counter({title, initValue}) { let countState = useState(initValue); //useState로 initValue를 감싸주고, const count = countSta..

저번 글에서, React 개발환경 세팅까지 다뤄보았다. 이제 본격적으로 React를 사용해 보자! React 개발하기 React에서 가장 중요하고, 강력한 기능은 무엇일까? 💡 바로! component기능이라 할 수 있을 것 같다 코드를 작성할 때 같은 기능을 하는 코드를 중복되게 작성하는 경우 만약 그 코드가 10,000번 필요하다면 똑같은 코드를 10,000 번 작성해야 한다….(수정할 때도 10,000번???🥶) react에서는 component를 만들어 같은 기능을 하는 코드라면 딱 하나의 함수 안에 만들어 놓고, 다음부터는 그 component만 불러오면 된다. 결국 가독성이 매우 좋아지며, 유지보수의 편의성 또한 좋아진다. 한마디로 작은 단위의 부품들을 만들어 필요할 때마다 조립해 쓰는 콘셉트..

DOM?? -DOM 이란 웹페이지에 대한 프로그래밍 인터페이스이다. HTML을 해석해서 트리구조로 나타낸 것이며 Document Object Model의 약어이다! 프런트 개발과 DOM은 떼려야 뗄 수 없는 사이이다. 따라서, 열심히 공부해놔야 한다! DOM의 구조는 추상적개념을 빌려오면 트리형태를 떠올리면 된다. ❗️각각의 요소들을 노드라고 부르고, 가장 중요하고 대표적인 노드로 문서노드, 요소노드, 속성노드, 텍스트 노드가 있다. DOM API를 이용하여 요소들을 선택하고 컨트롤할 수 있다. 가장 대표적인 메서드는 다음 등이 있다. document.querySelector() : 해당 선택자로 선택되는 요소를 1개 선택 document.getElementById() : 해당 아이디의 요소를 선택 (가..