걷기 시작한 Coding Novice

Split 2

jQuery 연습하기

예제 코드를 활용해서 직접 Javascript와 jQuery를 함께 사용해보면서 실습할꺼다. 실습할 코드와 해당 화면은 더보기를 누르면 나온다. 더보기 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들..

Javascript/JQuery 2022.05.26

Javascript 기초 문법 1 (feat. 변수, 자료형 + 번외 기본함수)

변수란? 값을 담는 것이라고 간단히 생각하면 된다. 개발자 도구를 키고 console창을 활용해서 학습해볼꺼다. 여기서 let a = 2 라는 코드를 적었다. 즉, a에다가 2라는 변수를 담은 것이다. 그럼 a+4=? 6이겠지? 이번에는 5라는 숫자를 담아보자. 그리고 a+4를 다시 계산해보면? 숫자가 아니라 문자열도 담을 수 있다. (문자열이기에 따옴표가 필요하다. '...' or "...") 그림과 같이 담았다면, first_name + last_name = ? 음 SpellKim이라고 나오겠지? Good! 그럼 First_name + a = ? 아마 Spell5? Nice! 여기서 우리는 알 수 있다. let text = x 라는 문구를 사용하면 text 에 x 라는 변수를 담는 것! (단 여기서 ..

Javascript 2022.05.07