본문 바로가기

전체 글81

[JavaScript] 템플릿 리터럴 : 백틱(``) 이란? ES6부터 사용 가능한 문자열 표기법 문자열 표기 시, 큰따옴표( " " ) 대신 백틱 (` `)으로 사용 의 기능 1. 문자열 표기시 사용 기존 문자열 표기법( " ", ' ' ) var hello = " 안녕하세요! "; 백틱으로 문자열 표기 var backticHello = ` 안녕하세요! `; 2. 개행 가능 기존 문자열 : 개행 문자를 사용( \n ) var usual = " 안녕하세요. \n 포로리입니다 "; console.log(usual) 백틱을 사용하여 개행 var backtickUse = ` 안녕하세요. 포로리입니다 `; console.log(backtickUse) 3. 변수나 표현식 사용하기 기존 문자열 : 문자열에 변수나 표현식을 포함하여 사용할 때, + 연산자 사용하여 연결.. 2023. 12. 29.
회원가입 시 <form> 데이터 유효성 검사(onsubmit)하기 회원 가입 시에 입력한 정보를 제출(submit)하기 전, 데이터 유효성 검사를 거쳐 최종 제출 onsubmit 의 데이터를 전송하기 전에 입력된 데이터의 유효성을 체크하기 위해 사용되는 이벤트 즉, 회원가입 버튼(input type="submit)을 누르면 제출이 실행되는데, 제출 전 유효성 검사가 시행 된 후 데이터가 전송 1. 양식 회원가입 버튼(submit)을 누르면, 제출 이전 formCheck 메서드가 먼저 실행되어 유효성 검사를 수행 : formCheck 메서드 내의 리턴 값을 전달받기 위해서는 반드시 return을 사용하여 작성 페이스북 인스타그램 카카오톡 2. formCheck 메서드 : 을 전송하기 전, 데이터의 유효성 검사 formCheck 메서드 실행 후의 리턴 값이 에 전달 리턴 .. 2023. 12. 29.
[HTML] <label> 태그와 <input> 태그 사용하기 의 역할1. 태그는 , , 등의 태그와    같이 사용하여, 클릭 가능한 영역을 확장시켜 줌2. 즉, 태그는 태그를 도와주는 역할로,     태그로 연결하여 쉽게 디자인하거나 클릭의 편의성을 높임3. 와 와 그룹을 형성하여 사용   사용법 label 태그의  for 속성값( )과 input 태그의 id 속성값(   )을 일치히켜서 사용"> 아이디 회원 가입'아이디' 라고 적힌 부분을 클릭하면, 입력 창에 자동으로 커서가 생성 for 속성을 사용하지 않고 사용하는 방법  태그 사이에 태그를 넣어서 사용 페이스북 카카오톡 .. 2023. 12. 28.