Spell

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

버튼 클릭으로 박스를 열고 닫기 기능을 만들어서 넣어볼꺼다. 사용하기 앞서 수정전의 전체 코드는 더보기를 누르면 나온다. 더보기 나홀로 링크 메모장! 중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다 포스팅 하기

자 jQuery를 사용하기 전에 무엇을 해야 한다고? "임포트" 아주아주 자주자주 사용하게 될 w3schools 홈페이지에 간다. https://www.w3schools.com/jquery/jquery_get_started.asp 그럼 해당 Google CDN이라는 코드가 보인다. 으로 감싸져 있으니까, 우리도 사용할 때 안에 아무곳이나 넣으면 된다. 하지만 이왕이면 보기 쉽게 title 밑에다가 넣어보자. 학습에 활용한 페이지 코드는 전에 Bootstrap을 사용하면서 연습할 때 쓰던 메모장 페이지다. 추가한 코드는 다음과 같다. 부트스트랩 연습하기, 메모장 활용한 전체 코드는 다음 더보기를 누르면 나온다. 더보기 나홀로 링크 메모장! 중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다 포스팅 하..

Javascript로 우리가 궁극적으로 하고 싶었던게 무엇이였나? 움직이게, 동작하게 하는거다. 여러 브라우저가 산재되어 있던 시절이 과거에 있었다. 그래서 브라우저 마다 호환성 이슈가 있었는데, JQuery제단에서 "브라우저마다 코드를 다 다르게 쓰고 길게 쓰고 하는 것을 다 모아서 라이브러리로 만들어 둘께! 시작할 때 임포트해서 써!" 이런 식으로 나오게 된 게 JQuery다. 즉, Html의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것(Feat. 라이브러리) 라이브러리 library 주로 소프트웨어를 개발할 때 컴퓨터 프로그램이 사용하는 비휘발성 자원의 모임이다. JQuery는 Javascript와 다른 특별한 소프트웨어가 아니다. 미리 작성된 Javascript 코드이다. 전..