본문 바로가기

내일배움카드11

[코딩기본]jQuery 란? [코딩기본]jQuery 란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 라이브러리! Javascript로 길고 복잡하게 써야 하는 것을 -> jQuery로 보다 직관적 document.getElementById("element").style.display = "none"; $('#element').hide(); 미리 작성된 Javascript 코드를 가져오는 것을 '임포트'라고 부릅니다. jQuery CDN 부분을 참고해서 임포트하기 : https://www.w3schools.com/jquery/jquery_get_started.asp jQuery Get Started W3Schools offers free online tutorials, references and exer.. 2022. 3. 14.
[코딩적용]짝/홀수 onclick 함수 [코딩적용]짝/홀수 onclick 함수 onclick 코드를 이용하면 해당 부분을 클릭 시 alert을 나오게 할 수 있다. 포스팅박스 열기 짝/홀수 판단하는 방법( %2로 하여 나머지 확인) let even = 4; console.log(even % 2); // 2로 나눈 나머지가 0입니다. let odd = 5; console.log(odd % 2); // 2로 나눈 나머지가 1입니다. 짝/홀수 onclick 함수 포스팅박스 열기 -위와 동일- let count의 경우 함수안에 넣으면 함수가 끝나면 안나오기 때문에 함수밖으로 내 놓는다. count += 1; 은 count = count + 1; 를 짧게 쓴 것이다. 이걸 외워야하는건지 그냥 찾아서 써도 되는건지 아직 감이 안잡힌다... 2022. 3. 14.
[개발일지] 국비지원 스파르타 코딩클럽_1주차 정리 [개발일지]스파르타코딩 1주차 정리 https://dllifestyle.tistory.com/21?category=1084388 2022.03.08_CSS기초 2022.03.08_CSS기초 나를 감싸고 있는 태그가 바뀌면, 그 안의 내용물도 모두 영향을 받는다. CSS는 ~ 안에 로 공간을 만들어 작성한다. 배경관련 CSS : background-color, background-image, backgr.. dllifestyle.tistory.com https://dllifestyle.tistory.com/23?category=1084388 2022.03.09_자바스크립트란? 2022.03.09_자바스크립트란? 자바스크립트란 : 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어이다. 모든 브라.. 2022. 3. 12.
[코딩기본]자바스크립트 기초 문법(3) [코딩기본]자바스크립트 기초 문법(3) 딕셔너리가 들어간 리스트와 같이하면 좋음. let scores = [ {'name':'철수', 'score':90}, {'name':'영희', 'score':85}, {'name':'민수', 'score':70}, {'name':'형준', 'score':50}, {'name':'기남', 'score':68}, {'name':'동희', 'score':30}, ] for (let i = 0 ; i < scores.length ; i++) { console.log(scores[i]); } - 70점 미만인 사람들의 이름만 출력. for (let i = 0 ; i < scores.length ; i++) { if (scores[i]['score'] < 70) { conso.. 2022. 3. 11.
[코딩기본]자바스크립트 기초 문법(2) [코딩기본]자바스크립트 기초 문법(2) 함수 : function + 함수이름 (변수들) { 내릴 명령들을 순차적으로 작성한다.} // 두 숫자를 입력받으면 더한 결과를 돌려주는 함수 function sum(num1, num2) { return num1 + num2; } sum(3, 5); // 8 sum(4, -1); // 3 조건문 : if(), else if(), else() function is_adult(age){ if(age > 20){ alert('성인이에요') } else if (age > 10) { alert('청소년이에요') } else { alert('10살 이하!') } } is_adult(12) 조건문 : AND (&&), OR (||) // AND 조건은 이렇게 function i.. 2022. 3. 11.
[코딩기본]자바스크립트 기초 문법(1) [코딩기본]자바스크립트 기초 문법(1) console.log(변수) 는, 콘솔 창에 괄호 안의 값을 출력해준다. console.log(변수1,변수2) 로 여러 변수를 한번에 출력할 수도 있다. 프로그래밍에서 같다는 ==이고 =는 대입(assign)한다는 뜻 이다. let으로 변수를 선언한다. (변수는 값을 저장하는 박스)(한 번 선언했으면, 다시 선언하지 않고 값을 넣는다.) let 선언방식은 중복선언은 불가하지만 재할당 선언은 가능하다. (아래와 같이) let num = 20 num = 'Bob' 사칙연산이나 문자열 더하기가 기본적으로 가능하다. 변수명은 회사규칙에 따라 알기쉽게 하는게 좋다. (대소문자, _ ,숫자만 가능 / 특수문자나 띄워쓰기는 불가능하다) let a_list = [] : 순서를 지.. 2022. 3. 9.

티스토리툴바