🎬 ReactJS로 영화 웹 서비스 만들기 (05) - Converter App 만들기
State를 좀 더 제대로 이해하기 위해 간단한 단위변환기 app을 만들어보자 🔽 결과물 🔽 🔽 전체 코드 🔽 <!DOCTYPE html> <html lang="en"> <body> <div id="root"></div> </body> <script s...
보경이
🎬 ReactJS로 영화 웹 서비스 만들기 (04) - React의 State (2)
이전 글에서 state를 업데이트할 때 const [counter, setCounter] = React.useState(0); const onClick = () => { setCounter(counter + 1); }; 이런 식으로 counter에 1을 직접 더해 할당하는 방식을 사용하였는데, 이런 직접 할당하는 방법보다 const [...
🎬 ReactJS로 영화 웹 서비스 만들기 (03) - React의 State (1)
useState React JS에서 데이터를 저장시켜 자동으로 리렌더링을 일으킬 수 있는 방법에 이용된다 이렇게 const data = React.useState();를 console.log 찍어보면 undefined와 함수가 적힌 배열이 찍히는 것을 볼 수 있다 undefined는 data이고, f는 data를 바꿀 때 사용하는 ...
🎬 ReactJS로 영화 웹 서비스 만들기 (02) - React
React JS를 사용하는 이유? UI를 interactive(상호작용)하게 만들어준다! 이해를 위한 복잡한 React ver. <!DOCTYPE html> <html lang="en"> <body> <div id="root"></div> </body&...
🎬 ReactJS로 영화 웹 서비스 만들기 (01) - JSX
JSX JSX란? JavaScript를 확장한 문법 기존 자바스크립트 코드를 jsx로 바꿔보자! 기존 javaScript 코드 (요소를 생성하는 오래된 방식) <!DOCTYPE html> <html lang="en"> <body&g...
📌 MarkDown 기본 사용법
😎 Header Size #글씨를 크게 ## 글씨를 약간 크게 ### 글씨를 약간 약간 크게 #### 글씨를 약간 약간 약간 크게 📌 Unordered list Chapter Section Paragraph ✍ UnderLine ...