usop의 개발일지 usop의 개발일지

JQuery 연습하기 JQuery CDN " target="_blank" rel="noopener">https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"> 를 안에 복사하여 넣어주면 완료 javascript 명령을 주기 위해서는 명령을 내릴 대상을 지칭해주어야한다. (id 값을 정해주어 지칭한다) 전에 만들어두었던 나홀로메모장을 불러와 아티클 URL 박스에 id 값을 'article-url' 로 지칭했다. 콘솔창에 $('#article-url').val(); 를 입력하면 '세종대왕' 값을 출력하였다. 이번엔 반대로 콘솔에서 '아티클URL'의 값을 넣어보자 콘솔창에 $('#article-url').val('장영실'); 를 입력하면 아티클 UR..

2주차의 시작은 JQuery를 배워보도록 하자! - JQuery란 JQuery는 HTML의 DOM 조작과 이벤트 제어, 애니메이션 그리고 Ajax까지 웹 화면을 다루는 자바스크립트 라이브러리랍니다. 간단하게 설명하자면 '특별한 소프트웨어가 아닌 미리 작성된 Javascript 코드들의 모음집' 이라고 생각하시면 됩니다. 먼저 개발자의 세계로 뛰어드신 선배님들의 땀과 정성으로 탄생된 코드들을 잘 다듬어서 사용하는 것! 사용시 꼭 Import 해줘야합니다. 조금 더 문서를 참고하여 설명하자면 JQuery는 'Write less, Do more! " 적게 쓰고 많이 쓰자! 즉, 적은 코드로 많은 일을 하자라는 철학을 바탕으로 2006년 미국의 SW 개발자 존 레식이 개발하였다고 합니다. 현재는 Angular,..

이번주는 자바스크립트를 집중적으로 공부해보자!! 우선 지난 주 사용한 html 문서에 연습을 해보았다. 우선 count 라는 변수를 만들고 1이라는 값을 주었다. (클릭시 1번 클릭부터 시작되야 하므로 1을 주었다) hey()가 실행되면 count의 숫자를 2로 나눈 나머지 값에 따라 0이면 짝수가 출력되게 , 나머지 값이 1이면 홀수값이 출력되게 만들었다. 1회 클릭시 count 값이 1씩 올라가게 설정하기 위해 count += 1; 세팅해주었다. 주의! ) count 변수를 function hey() 안에 두면 if 문이 끝나고 count 값에 1을 더 해준다. 하지만 여기서의 count는 처음의 let count = 1;의 count가 아닌 count += 1을 해준 새로운 count값이 생기게 되..