Dev 개발 스터디 (동면 중)/Dev_log+Study 😶‍🌫️

1/28일 코딩 노트

에이미쉬 2023. 4. 10. 16:04
728x90
반응형

1/28일 코딩 노트
------------------------------------------------------------------------
http://www.tcpschool.com/html-tag-attrs/input-value#:~:text=%ED%83%9C%EA%B7%B8%EC%9D%98%20value%20%EC%86%8D%EC%84%B1%EC%9D%80%20%EC%9A%94%EC%86%8C,%EB%82%B4%EC%9D%98%20%ED%85%8D%EC%8A%A4%ED%8A%B8%EB%A5%BC%20%EC%A0%95%EC%9D%98%ED%95%A8.
------------------------------------------------------------------------
input 태그에서 값 가져오기
.value

p 태그에서 값 가져오기
.innerText

 <input
          type="text"
          class="form-control"
          placeholder="Enter Email"
          id="memberEmail"
          name="memberEmail"
          data-toggle="tooltip"
          data-html="true"
          title="Email"
          onkeyup="checkEmail()"
          onkeydown="checkEmail()"
        />
        <p id="checkEmailAdv"></p>
      </div>
------------------------------------------------------------------------
https://www.w3schools.com/howto/howto_js_string_length.asp
------------------------------------------------------------------------
https://blog.naver.com/dldudcks1779/222803940341
https://ggmouse.tistory.com/179
onkeyup : 키를 눌렀다가 뗄 때 실행
onkeydown : 키를 눌렀을 때 실행


------------------------------------------------------------------------
var memberEmail = document.getElementById("memberEmail"); 

document.getElementById 괄호 안에 들어가는건 프론트에 사용된 id의 값 이름을 넣어주는거


------------------------------------------------------------------------
부트스트랩 4 (프레임워크의 한 종류. 프론트핸드(html)의 프레임워크)
https://getbootstrap.kr/docs/5.2/forms/form-control/

부트스트랩 4, 5가 코드가 살짝 다름.
스트링 프레임워크 (백엔드의 프레임워크)
------------------------------------------------------------------------

728x90
반응형