temp_html은 html처럼 생긴 문자열. let 으로 내용을 정의해주면 된다 빽팅 중요(``)
ex) let temp_html = 'ㄱㄷㄴㄷㄹ`
jQuery는 미리 작성된 javascript 코드다 (쓰기전, import 해야함)
남이 짜둔 CSS코드는 부트스트랩, 남이 짜둔 javascipt코드는 jQuery
부트스트랩에 이미 jQuery가 들어있는 경우도 있다. 확인할 것, 붙여넣는 위치는 헤드 안 <title> 아래 <script>, font link 있는 쪽
*맥북 백틱은 영문으로, 또는 option+₩
temp_html은 html처럼 생긴 문자열. let 으로 내용을 정의해주면 된다(***백틱사용!!!!)
예) let temp_html = 블라블라
이걸 html로 바꾸려면, $(‘#cards-box’).append(temp_html) 써주면 됨.
CSS는 <body> <div class="이름"> </body>를 적고
<head><style>.이름{꾸며줄내용} </style>을 적어준다면,
javascipt 함수는 (불러온 jQuery 의) <body>안 <div> 속,
함수적용시킬 해당 심볼(ex. Button)에 onclick=“버튼함수이름()” 를 만들어주고,<head>의 <script>에서 function 버튼함수이름() {움직일내용}을 적어준다.
*버튼은 onclick, 다른함수도 가능.
input박스라면 id=“이름”써주고,
<head>의 <script> 에서
function 만들함수이름설정() {
let 머시기 = $(‘#이름’).val(); } 해주면 된다.*함수설정시, alert 이나 console.log 를 자주 사용해서 확인하면서 작업!!
let 으로 설정,
if (값) { $('#뭐').어떻게해라(); }
else 아니면 { $('#뭐').어떻게해라(); }
if (무언가 < 40) {console.log(‘결과’)}temp_html 과 if 문을 동시에 사용하면
let temp_html =``
if (무언가 > 70) {
temp_html = `${값}`
} else {
temp_html = `${값}`
}
$(‘#표시할곳이름’).append(temp_html)
