javascript 복습
버튼 클릭수가 짝수번인지 홀수번인지에 따라 각각의 경고메세지를 띄우는 과정이다.
✔ % : 나머지를 구함
✔ count += 1; --> count = count + 1이라는 의미로 점점 1을 더해감을 +=으로 쓴다.
이대로 실행시켰을때, 1번째 2번째 3번재 모두 "홀수입니다"라는 경고창이 뜨는 것을 확인할 수 있었다.
왜 제대로 작동되지 않는 것일까?
차례대로 확인했을때 변수가 함수 안에서 선언되기 때문에 이와 같은 결과가 나오게 되는 것이다.
count + = 1;을 지나 축적되면서 변수가 2로 시작되는 것이 아닌,
다시 let count = 1;로 인하여 새로운 count가 1로 설정이 되어버리는 것이기 때문이다.
이럴때는 변수를 함수 안이 아닌 바깥에 두면 해결이 된다.
여기서 깨달을 수 있는 점
✔ 함수 안에 있으면 함수가 끝나면서 같이 끝난다!
JQuery
✔ JQuery는 미리 작성된 Javascript 코드이다.
✔ JQuery는 쓰기 전에 임포트해줘야 한다.(불러와야 사용 가능!)
<head></head> 사이에 넣어준다.
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>✔ Jquery 기본골격 : $('#id값').val();
Jquery도 css와 마찬가지로 지칭이 필요한데,
이때 id로 지칭해준다.
여기서 이해해야할 점
✔ $('#post-url')
✔ .val('-----')
id값이 post-url인 곳을 가리키고, val()로 값을 가져온다.
강사님이 외울생각 절대절대 하지 말라고 하는데 외우라고 해도 못외울 것 같아 걱정이 없다 ㅎ.....네 못외울게요...!ㅎㅎㅎ...
JQuery활용 (포스팅 박스 열고 닫기)
✔ let status = $('#id값').val(); 으로 값을 불러줌
status가 block : 포스팅박스가 열림, None : 포스팅박스가 닫힘으로
if를 사용하여 포스팅 박스가 block일때는 hide로 가려주고 text를 '포스팅박스 열기'로 바꿔주게 된다.
결과는 이렇게 작동한다!!
⭐⭐ 이때 팁!
✔ alert('잘 된다!')
✔ console log(); 를 사용하여 결과를 확인하면서 진행!!
Quiz
-
quiz1
-
quiz2
1-1과 2-1 2-2는 어찌저찌 했는데 2-3에서 막혔다....
split 쓰는 방법을 까먹은 것이다.
그래서 다시 복습해보려고 한다.
✔ .split('') : ''을 기준으로 분리
✔ .split('')[0,1,2 --] : ''기준으로 분리하여 n번째 추출
이번에 복습했으니까 다음엔 까먹지 않기로...!!!
- quiz3
이건 도무지 모르겠어서 해설을 들었다......
temp_html 만드는거 방금 들었던거 같은데.... 왜 기억이 하나도 안나는 건지 (마치 내 기억력 금붕어...?😅)
⭐⭐ 기억하자
✔ let temp_html = ``(백틱임!!)
Ajax
✔ 자바스크립로 페이지 전환없이 서버에서 값을 받아올 수 있는 방법
✔ type : Get / Post
⭐주의
✔ Ajax는 Jquery를 임포트한 페이지에서만 동작 가능하다
2-9까지-----
