반응형 Programming38 [React] React vs Vanilla Javascript Vanilla JS : HTML을 먼저 만들고 그것을 Javascript로 가져와서 HTML을 수정 React : 모든 것이 Javascript로 시작 이후에 HTML이 됨. 업데이트 할 HTML을 React JS가 생성함. Referrence - nomadcoder : https://nomadcoders.co/react-for-beginners/lobby 2023. 1. 10. React support tools React Snippets ( VSCode extention ) - https://marketplace.visualstudio.com/items?itemName=dsznajder.es7-react-js-snippets ES7+ React/Redux/React-Native snippets - Visual Studio Marketplace Extension for Visual Studio Code - Extensions for React, React-Native and Redux in JS/TS with ES7+ syntax. Customizable. Built-in integration with prettier. marketplace.visualstudio.com JS/JSX Snippets ( VSCod.. 2022. 12. 26. [React] useState UseState - Manage react statusWhat does useState returnLook at useStatus through console.log, an array is displayed.First value is undefined as being the state value currently when we run the app for the first time.( when we render our app component. )Second value is function that we're going to use to update the state. 2022. 12. 18. [React] react active app package.json description react-app/src/package.jsonreact : react is everything we need to actually create our react components.react-dom : react dom is how we add them to the page.react-scripts : react-scripts is how we handle all of our bunding. 2022. 12. 18. Technical terms CDN - Content Delivery Network Props - Props are arguments passed into React components. - Props are passed to components via HTML attributes. Reference - https://www.w3schools.com/react/react_props.asp 2022. 12. 17. [React] React setting up 1. react developer tools extension. - Search "react developer tools" - Add "react developer tools" extension to my browser. 2. Check react developer tools extension - To check react developer tools extension, first acess Airbnb site. ( https://www.airbnb.ca/ ) Click the right mouse button and select "Inspect" from the pop-up screen displayed. - React-related items are displ.. 2022. 12. 15. 이전 1 ··· 3 4 5 6 7 다음 반응형
