JQuery 강의 내용을 바탕으로 복습하는 시간~ 코딩을 만들어 보자! 더보기 jQuery + Javascript의 조합을 연습하자! 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [완성본]2-3. 이메일 도메인만 얼럿 띄우기 클릭 3. HTML 붙이기/지우기 연습 3-1. 이름을 입력하면 아래 나오게 하기 [완성본]3-2. 다지우기 버튼을 만들기 이름 붙이기 다지우기 세종대왕 임꺽정 1. 빈칸 체크 함수 만들기 버튼..

jQuery 란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리! 예를 들어 버튼의 색깔을 바꾸고 싶다면? 예를 들어 div 박스를 하나 감추고 싶다면? → 이런 것들 쉽게 해주는 것이, jQuery! document.getElementById("element").style.display = "none"; $('#element').hide(); 위처럼 Javascript로 길고 복잡하게 써야 하는 것을 jQuery로 보다 직관적으로 쓸 수 있고 편리하다. jQuery를 사용하는 방법 미리 작성된 Javascript 코드를 가져오는 것을 '임포트'라고 부르고 사이에 아래를 넣으면 끝! 아래는 오늘 사용할 페이지 코드 더보기 내 생애 최고의 영화들 영화 기록하기 영..

합을 구하는 함수 만들기 0부터 n-1까지 더하는 함수를 만들고 싶다면? function get_sum(n) { let sum = 0 (기준 변수를 설정하는 것) for (let i = 0; i

보통 자바스크립트는 웹 사이트(웹 문서)에 움직이는 그림을 그릴 때 쓰이는 작고 가벼운 언어이다. 자바스크립트를 이용해 사이트 내의 팝업을 띄울 수 있으며, D-day 기능처럼 카운팅이 되는 모습도 작성할 수 있다. 이제는 자바스크립트로 앱도 만들 수 있다. (리액트 네이티브가 자바스크립트를 기반으로 하기 때문이다!!) 따라서 자바스크립트를 배워 놓으면 웹도 만들고 앱도 만들 수 있다. 크롬 브라우저에서 F12(맥은 : alt(option) + command + i)를 눌러 개발자 콘솔 창을 열어서 코드를 입력하며 공부할 수 있다. 위 스샷처럼 console.log("Hello World!"); 입력하고 Enter를 치면 Hello World!라고 나온다. console.log(변수)는 콘솔 창에 괄호 ..

공부를 시작하면서 정의를 내리고 이해하면서 글을 쓰려니 어렵다. 이제 배우기 시작한 단계라서 내가 정확하게 이해하고 있는지는 모르겠지만 배워나가다 보면 알 수 있지 않을까 싶다. 나중에 다시 볼 때 현타 올지도 모르겠다. ㅎㅎㅎㅎ HTML HTML은 뼈대! 표현하고자 하는 내용을 구조화하기 위한 코드가 HTML이라고 한다. 페이지의 제목, 문단, 목록 등 데이터 표. CSS CSS는 꾸미기! 디자인, 레이아웃, 문서 등 표현하고자 하는 내용들을 강조하거나 이쁘게 스타일을 꾸밀 수 있다. JavaScript JavaScript는 실행! 콘텐츠를 정적으로만 보여주는 것이 아니라 동적으로 콘텐츠를 표현할 수 있다.