웹개발

[코딩애플] 기초 2강~3강 정리

기초 2강 1. 리액트 개발환경, HTML과 유사하다!! 다만 문법에서 살짝 차이 있음. 1) 시멘틱 태그 그대로 사용 가능 2) 문법적 차이 a. class= " " 대신 className = " " b. 하이픈(-) 안쓰고 카멜표기법 사용 c. 중괄호의 사용! { } 2. 중괄호의 사용 1) 이를 사용함으로 데이터 바인딩이 매우 쉬워짐. - 변수명, 함수, 이미지, 클래스명 등 function App() { let posts = '강남고기 맛집'; //변수에 데이터 저장 return ( 개발 Blog { posts } 2월 17일 발행 ); } ▶ 원래였다면 document.getElementById().src = ~~ 이렇게 길었을텐데 매우 짧아진 것을 볼 수 있음. 3. 스타일 넣고 싶다면? st..

[jQuery] 클래스 조작, hover

실행 화면 마우스 올릴 때 마우스 내릴 때 1. JQuery 코드 2. 복습 - hover(올릴 때, 내릴 때); - 2가지 동작을 모두 작성해야 함.

[jQuery] 화면 그라데이션

[jQuery] 처음배우는 Javascript_jQuery, 체크 박스

자바스크립트 코드로 작성했던 것을 JQuery 문법으로 바꿔보았다. 참고글: [예제 9-18, 체크박스] https://yy-eun.tistory.com/47 [명품 웹 프로그래밍] 9장 예제 9-18, 체크박스로 선택 물품 계산 실행 화면 2개 선택 2개 선택에서 체크 해제했을 때 x 선택된 라디오 버튼 알아내기 모자 1만원 구두 3만원 명품가방 8만원 지불하실 금액 yy-eun.tistory.com 1. JQuery 코드 - 문제 : 결과값이 순간 보이고 다시 초기화됨. (추측) each문 때문에 그런 것 같음. 모자 1만원 구두 3만원 명품가방 8만원 계산 지불하실 금액