나의라임오렌지원

내가 생각하기에는 다른 방법도 있을 것 같은데 아직 그 방법을 찾지 못했다. 일단 성공한 방법으로는, index.html 에서 외부 스크립트를 불러오고 렌더링 되는 구역을 찾아서, 사용할 컴포넌트에 createElement('script')를 써줘서 head에 script 를 넣어버리는 것이었다. loadScript를 써서 index.html 으로 페이지 최초 호출 시, 불러오지 않아도 되는데 js 에서 쓰이는 함수가 많거나, 나중에 유지보수를 위해서 index.html 에 추가하는 방법을 택했다. export function test() = { const script = document.createElement("script"); script.innerHTML = `console.log('test()'..

구조라 해야할지 흐름이라 해야할지.. 어떻게 작동하는지 잘 몰라서 노션으로 정리했던 내용을 옮겨 적으면서 복습하고자 한다. 꼬리에 꼬리를 무는 궁금증을 해결하기 위해 정리했던 나만의 정리 내용 설치방법이나 컴포넌트 작성법 등 무언가 실행하는걸 원했다면 뒤로가기 추천.. 주요 특징 - 컴포넌트 기반 - JSX 문법 사용 - Virtual DOM : HTML DOM의 특정 요소만 바뀌어도 전체 DOM 을 다시 렌더링하는 DOM의 단점을 보완. ( DOM 내의 변경된 부분만 DOM 에 적용하는 기술 제공 , 부분 렌더링으로 성능 향상 ) - 리액트 개발 런타임 환경 : node.js React 동작 흐름 (왜 어떻게 제일 처음에 index.html 을 읽게 되는가에 대해 궁금했음) yarn start 명령어 ..