grace.log grace.log

#2.1 Before React ' 버튼 몇번 클릭했는지 세는 어플, 바닐라 js 작은 앱 ' 만들기를 통한 react의 필요성 학습 Total clicks : 0 Click me 1.htmll 2. javascript 3. eventlistner 이벤트 감지 4. 데이터 업데이트 5. html 업데이트 https://unpkg.com/react@17.0.2/umd/react.production.min.js https://unpkg.com/react-dom@17.0.2/umd/react-dom.production.min.js : 위의 src로 react, react-dom을 js로 import 하면 리액트 설치 완료 ! 2.2 Our Fist React Element 이 강의에서 설명하는 react js..

먼저 ! 를 통해 html 자동완성해주고 - 웹환경에서 JS의 목적 : HTML 조작, 변경 if for var function array object class 등 조작하려고 씀 이쁜 웹UI 만들기 가능 Alert 창 띄우고 닫기 안녕하세요 수정 : document.getElementById('hello').innerHTML='안녕'; >> 요런건 이해보다 외워서 쓰는 것 해석 >> 문서의 / 'hello'라는 아이디의 html 요소의 안의 글자 = '안녕' 바꾸고 싶은 요소의 ID 무엇을 바꿀지 변경내용 innerHTML은 style.color 와 같이 바꿀 수 있음 ( html의 모든 것 바꿀 수 있음 ex> 사이즈, 마진, 패딩 등 ) 이 부분은 외우는 것이 아닌 구글링 통..

안녕 * 여기서 class="box"는 속성이며 이 class속성 이용해 나중에 css로 스타일링 가능 합쳐서 엘레먼트라고 한다. * 텍스트 관련 태그 : 굵게 기울인 문단 한줄 띄고 * 미디어 관련 태그 : video는 controls를 넣어주어야 재생가능. * 링크 태그 : 구글 하이퍼링크, target="_blank"를 넣으면 새창을 넣으라는 것. * 테이블 태그 // 테두리 이름 나이 워니 3살 제니 1살 위의 코드는 아래와 같은 표로 그려진다. 이름 나이 워니 3살 제니 1살 *목록 태그 : 순서ㅇ 목록 순서x 목록 ol태그와 ul태그 아래 목록 넣을 때 태그 *구역 나누는 태그 : block element inline element 내용물 있..