[WIL] 9월 2주차(9/11~9/15)

9월 2주차는 이전에는 차이점이 없다고 생각했던 개념이 생각보다 차이점이 있다는 걸 배운 주차였던 것 같다. 또한, 앱 개발에 관심이 생겨 flutter에 대해 공부하였는데 생각보다 재밌었다. fluuter는 위젯을 사용하는 것이 핵심인데 위젯을 만들어보면서 많은 것을 배웠다. 다음주도 파이팅하자!

습득한 지식 및 공부내용

• 화면에서 버튼 만드는 방법

  1) a 태그로 만들기

  • <a href="#" class="btn" onclick='함수/스크립트'>버튼</a>

    cf) 뒤에 return false를 붙여주면 href=# 작동안함

  2) button 태그로 만들기

  • <button type='button' class="btn"> 버튼 </button>

    cf) type='button'을 설정해주면 submit하지 않음

• 버튼 태그 사용 예시

  1) <a href="">

  • return false를 붙여주면 href="#" 작동안함

  2) <a href="#">

  • onclick 함수를 실행하고 href="#"을 주면 최상단으로 이동

  3) <a href="javascript:func();">

  • javascript:func()으로 자바스크립트 함수를 실행

  4) <a href="javascript:void(0);">

  • 새로고침 막을 때 javascript:void(0) 사용

  5) <button></button>

• a태그 href를 버튼처럼 사용하기 위해 주는 속성

  1) href="#" - 페이지 맨 위로 이동

  2) href="#none" - 페이지 이동x

  3) href="javascript:void(0)" - 페이지 이동 X

  4) href="#특정id" - 페이지에서 해당 아이디가 있는 화면으로 이동