3강 (바스크립트 function 문법 사용법)
function 에 대해서, 편리한 점
오늘 3강에선 function에 대해서 배웠다. onclick에 너무 많은 코드가 복잡해 보여서 예쁘게 보이지가 않는다. 그래서 좀 축약해서 쓰려고 할 때 function을 써주고 onclick=부터 쭉 function 을 만들어서 그 안에 넣어 주면 된다. function에 대해서 활용도는 2개가 더 있다고 했다.
숙제
오늘 숙제는 닫기 버튼에도 function을 넣어서 간략하게 넣어주는 것이 숙제였다.
그래서
이렇게 알림창닫기로 만들어 주었다. 그러고 닫기 버튼 안에 onclick에 알림창닫기()를 넣어주면 그대로 실행된다. 이름을 알림창닫기 말도고 _, 띄어쓰기만 안 하면 다 선언할 수 있다고 했다.
3강 느낀점
이렇게 function을 주면 간략하게 쓸 수 있는 방법을 알게 됐다. 더 성장하는 개발자가 되고 싶다. 아직 자바스크립트에 대한 이해도가 너무너무 부족하다는 걸 계속 느낀다.
4강 (function의 파라미터 문법) 중요
파라미터 활용
4강은 function ()여기 안에 들어갈 내용들로 활용을 할 수 있다. 이것이 파라미터라고 한다고 했다. 사진에 보이는 거 처럼 비슷한 내용 알림창열고, 닫기엔 다 똑같은데, block, none 만 다르니까 파라미터를 생성해 준다. 구멍으로 생성해 주고 block, none에 구멍을 적어주고, ""붙히고 알림창('block')을 써 주면 그대로 실행이 되는 걸 볼 수 있다. 그럼 긴 코드가 하나의 코드로 줄일 수 있는 간편함이 있었다.
숙제
버튼1을 누르면 아이디를 입력하세요가 뜨고, 버튼2를 누르면 비밀번호를 입력하세요 라고 떠야 성공이 된다. 그러기 위해 어떻게 해야할 까 라는 고민을 해보고 시작했다.
div 활용
div 안에 p 태그에 id를 준다.
닫기 버튼 활용
닫기는 배운대로 파라미터 이용한 다음에 'none'을 사용해 주면 된다.
버튼1, 버튼2
p태그에 id를 주었으면, 그 아이디를 이용하고, innerHTML에 아이디 또는 비번을 입력하세요를 명령하고, 둘 다 block을 주고 function 앞에 이름만 바꾸어주고 버튼1, 버튼2 에 입력값을 넣어주면 된다.
느낀점
솔직히 너무 어려웠다. 그리고 보고했고.. 이해가 잘 되지 않았다. 그래서 정리를 하면서 이해가 됐으니까, 다시 안 보고 혼자서 이해한 걸 그대로 코딩을 하면서 해 봐야겠다.
