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)
2개의 댓글
CSS 만들때 명찰은 class="이름" 으로 만들어 <style> .이름{}
javascript 함수 만들 때 명찰은 id="이름"으로 만들어 <script> function 이름(){} 로 쓴다
for 문은 list 의 필요한 정보를 빼내어 보기쉽게 나열하는 방법(let사용),
temp_html 은 새로운 입력정보(list의 요소도 해당가능)를 쌓아가는 것.