[javascript, jQuery] 기본개념

doyeonlee·2022년 1월 23일
0

개발일지 2022

목록 보기
2/16
post-thumbnail

날짜를 계속 썼었는데 안쓰기로 했다.
이유는 날짜를 쓰면 밀린다는 느낌이 들어서 더 안쓰게 되는거 같으므로, 더 자주 잘 쓰기 위해서는 이렇게 하는게 맞는거 같다

javascript


함수

Count

if 부분은

if (count % 2 == 0) {
		alert ('짝수입니다')
}	else {
		alert ('홀수입니다')
}
	count += 1;

= 만약에 count를 2로 나눈 나머지가 0이면 '짝수입니다', 아니면 '홀수입니다'로 경고창을 띄우시오.

  • 여기서, count는 위에서 지정된 수 이다.

이걸 function 안에 넣고 만약 여기서 count를 1로 설정시
let count = 1; 부분을 function 밖에 위치시킨다.
이는 alert가 '홀수입니다'만 뜨는 것을 고칠 수 있음.


jQuery


기본개념

jQuery는 상당히 직관적인 편이다.

display

display 값이 block : 보임
display 값이 none : 안보임 - 처음부터 닫혀있게 조정가능(기본설정)


onclick, id, class

순서는 상관없으며, 한 줄에 기재가능

ex)

 <a onclick="openclose()" id="btn-posting-box" class="btn btn-primary btn-lg" href="#" role="button">포스팅박스 열기</a>

remove 하기

ex)

function q3_remove() {
            $('#names-q3').empty()
}            

names-q3의 내부 태그를 모두 비운다
$('....').empty()를 이용한것


append

append는 가져온 값을 붙이는 명령어로,

ex)

function q3() {
            let status = $('#input-q3').val()
            let temp_html = `<li>${status}</li>`
            $('#names-q3').append(temp_html)
}

이렇게 쓰인다.


$('#....').val()

ex)
let status = $('#input-q3').val()

input-q3 값을 나오게 한다.


let temp_html = <~>${....}</~>

ex)
let temp_html = `<li>${status}</li>`

temp_html에는 백틱(`)을 반드시 써준다.


~.includes ('...') : ?가 ...을 포함하다

ex) + 해석

if (status.includes('@') ){
                alert(status.split('@')[1].split('.')[0])
            } else {
                alert('이메일이 아닙니다.')
            }

만약 status에 '@'이 있다면,
status에서 '@'를 중점에 두고 나눈 값의 두번째와, 그 값에서 다시 '.'을 중심에 두고 나눈 값의 첫번째 값을 alert로 띄우시오.
'@'이 없다면, '이메일이 아닙니다'를 alert로 띄우시오.


꼭 복습할것!!!

profile
느려도 천천히 꼼꼼하게 !

0개의 댓글