< 웹개발과정 복습 >
2주차 웹개발 과정을 복습하였다. 이젠 거의 들추지 말자는 마인드로 최대한 심도있게 개발일지를 다시 작성하며 강의를 듣고 코딩을 해가며 개발일지 작성을 했다.
< javascript >
예제)
카운트가 1부터 시작해서 function hey()로 지칭하여 카운트를 2로 나눠서 0이 되면 알람창에 짝짝짝이라고 뜬다. 이외로 아니면(홀수일경우) 홀홀홀이라고 알람창이 뜬다.
< jQuery >
jQuery란?
HTML의 요소들을 조작하는, 편리한
Javascript를 미리 작성해둔 것. 라이브러리!
ex) $('#element').hide();
박스를 클릭함으로써 숨김기능을 적용시켜주는 코드이다.
ex) 👉 css처럼 가리켜야 조작가능.
예) 특정 인풋박스의 값을 → 가져와줘!
예) 특정 div를 → 안보이게 해줘!
jQuery또한 css처럼 대상을 지정하여 가리켜야 조작이 가능하다.
function open_box(){
alert('박스 열기')
}
function close_box(){
alert('박스 닫기')
}
오픈박스를 열면 박스열어주는 것인데 alert 코드를 적용하여 박스를 열어준다.
마찬가지로 닫기박스를 닫으면 박스닫기가 된다.
function open_box(){
('#post-box').show() } function close_box(){('#post-box').hide()
}
오픈박스를 누르면 박스가 열리는 코드인데 생소한 $과 #이 붙어있어 자칫 오류걱정이 되기에 잘 적어야 할것같다.
마찬가지로 닫기박스를 누르면 박스가 숨겨진다.
- 웹페이지 첫화면에 코멘트박스가 숨겨진 채로 시작하게 하려면??
.mypost 자리에
display: none; 입력을 하면 된다.
매니저님께서 맵을 꾸밀 수 있게 망치버튼을 추가해주셔서 보다 즐거운 하루를 보낼 수 있게 되었다. 방꾸미기에 진심인편! 하루종일 해야지 :)
