HTML/CSS로 미리 디자인필요할 때 보여달라고 JS 코드 짜기Onclick="js로 원하는 내용기재"결과물 = 긴 코드 짧은 단어로 축약 function 작명은 어떤 코드인지 알아들을 수 있도록 구체적인게 좋다. 함수명 영어 작명 시엔 (1) 소문자 시작(2) ca
setTimeout 타이머 자바스크립트 문법 vs 브라우저 사용법 자바스크립트 문법: if var function 브라우저 사용법 (=web API) documet.querySelector() setTimeout() alert()
array 자료형 var car = \[자료1, 자료2, 자료3 ] 변수 하나에 여러자료 저장가능array에서 자료 꺼내려면 console.log(car\[0]);array 자료 추가/수정하려면 car\[0] = '아반떼'; 또는 car\[3] = '아반떼'; cons
구매버튼 누르면 장바구니에 상품명 추가브라우저 안에 몰래 데이터 저장가능하다. local storage, 이름: 값 형태로 저장가능하다. 용량은 5mb 문자/숫자만 저장가능하다. array나 object는 못쓴다. 사이트 재접속해도 유지. 반영구적으로 데이터를 사용하
singlehtml 재사용 가능앱개발 가능해당폴더 마우스 우클릭 + powershall \- npx create-react-app "프로젝트명"미리보기 띄우기 \- 터미널에서 npm start프로젝트 파일 설명node_odules 폴더: 라이브러리 코드 보관함pu
동적인 UI 만드는 3Stephtml css로 미리 디자인 완성UI의 현재 상태를state로 저장state에 따라 UI가 어떻게 보일지 작성 let \[modal, setModal] = useState('false');형식은 자유 모달창 표현만 가능하면 된다. (tru
https://react-bootstrap.github.io/getting-started/introductionnpm install react-bootstrap bootstrapCss 파일 사용app.js에 import 'bootstrap/dist/css/bo