Routing10_action함수1_Form태그서버전송2_예외처리_useActionData이용 import React from 'react'; import Home from './pages/Home' import Products from './pages/Products' import Root from './pages/Root'; import UsersRoot from './pages/UsersRoot'; import NewUser from './pages/NewUser'; import Error from './pages/Error'; import ProductDetails from './pages/ProductDetails'; import ProductDetails2 from './pages/Produc..

event01_click2 {{ result }} 값1: 값2: + - * / 이벤트 실습 가격: 갯수: 10 15 20 {{ total }} 도서목록{{ msg }} {{ book.name }}, {{ idx }}번, 가격: {{ book.price }} 삭제 선택삭제 람다 도서목록{{ msg }} {{ book.name }}, {{ idx }}번, 가격: {{ book.price }} 삭제 선택삭제 이벤트 @click="prevent” preventDefault(); target.html로 이동 {{ msg }} 다음 -preventDefault 구글 전송 이벤트 수식어 {{ msg }} x() x() once 2. preventDefault이벤트 수식어 다음1 y 다음2 y2 다음2 prevent ..

17. 폰트 속성 .a{ font-size: xx-small; } .b{ font-size: x-small; } .c{ font-size: small; } .d{ font-size: medium; } .e{ font-size: large; } .f{ font-size: x-large; } .g{ font-size: xx-large; } font-style 속성과 font-weight 속성 p{ font-size: 2em; font-style: italic; font-weight: bold; } text-align 속성 글자의 수평 정렬을 지정하는 속성이다. h1{ text-align: center; } h2{ text-align: left; } h3{ text-align: right; } div{ bor..

HTML 마무리 -file entype 파일선택: -fieldset/legend 로그인 아이디: 비밀번호: 12. img 태그 그밖에 -pre HTML5 HTML5 HTML5 HTML5 HTML5 HTML5 HTML5 HTML5 → 그대로 나옴 CSS css 적용방식 세가지 inline 방식 : 적용하려는 태그내에서 style=“CSS” 형식 사용 hello incline Style internal 방식 : 적용하려는 태그가 포함된 HTML파일에서 사용 hello incline Style internal Style external style external방식 : HTMl 파일과 다른 파일에서 사용, *.css 파일형식 hello incline Style internal Style external sty..

절대경로 상대경로 절대 :경로전체 cd c: \a\b cd c:\a\c 상대경로 c:a\b\d > cd.. c:\a\b c:|a>cd b c:\a\b> cd d C: c\b\d 브라우저 http 프로콜의 동작 순 1. naver.com 입력 enter 2. dns 서버(도메인 네임서버) naver.com ⇒ 해당 주소의 ip 주소 열기 3. ip 주소의 서버에 접속, index.html요청 (request) 4. 서버는 서버에 저장된 index.html 파일을 찾아서 응답 (response) 요청한 사용자에게 응답처리 5. 사용자 브라우저에서 index.html 화면에 보이기 요청에 대한 응답처리 완료 6. 연결종료 다른 파일 요청시 1~6번 반복 데이터 구조는 HTML이 담당하고, 디자인과 레이아웃은 ..