JavaScript (6) 썸네일형 리스트형 javascript 10일차 querySelectorAll( ), setInterval( ), setTimeout( ) querySelectorAll ( ) 내가 선택한 요소의 해당하는 모든 요소를 배열에 담아주는 역할을 한다. let jang = document.querySelectorAll('#visual > li') console.log(jang) // [li, li, li, li] setInterval( ) 매초마다 특정 값을 실행을 하고 싶을 때 사용한다. 1초마다 1이란 숫자를 계속 찍고 싶다라고 했을 때 이 함수를 사용한다. setInterval( ) -> 첫번 째 인자값은 콜백함수를 넣는다. 두번 째 몇초마다 실행을 하고싶은지에 대해 써주면 된다. 참고로 1000 -> 1초이다. setInterval(JC,2000) function JC(){ console.log(1) } // 이런식으로 하면 2초마다 1이.. javascript 9일차 TO DO LIST 만들기 HTML과 javascript를 이용해서 TO DO LIST를 만들어보려고 한다. 먼저 검색창과 확인 버튼을 만들어보는 과정을 보도록 하자. 과 을 이용해서 만들 수 있다. 각 코드에 id를 부여해서 불러오기 쉽게 만든다. 그러면 아래와 같이 화면에 뜨는 것을 볼 수 있다. 그 다음 이제 HTML을 자바스크립과 연결하는 과정을 만들어야 한다. 부분에 자바스크립을 연결해주고 외부연결도 같이 해준다. 자 그럼 이제 TO DO LIST를 만들 준비는 다 갖쳐줬다. 외부연결을 통해서 index3.js로 가서 코드를 완성시켜보자. 먼저 자바스크립에서 HTML을 불러오는 작업을 해보도록 하자 window.addEventListener("DOMContentLoaded", jc) function jc(){ const .. Javascript 6일차 배열의 method에 대해서 알아보는 시간을 가져보자. 배열의 method에는 정말 다양한 기능들이 있다. 글자를 자르거나 합치거나 아니면 특정부분만을 따로 빼내 만드는 등 여러 기능들을 가지고 있다. 앞으로 알아볼 것은 string method 중에서 많이 사용하고 있는 method에 대해서 알아볼 것이다. 1 . split() 함수 string.split(separator, limit) 1) split() 함수는 문자열을 'separator'로 잘라서 'limit' 크기 이하의 배열에 잘라진 문자열을 저장하여 리턴합니다. 2) 여기서 나오는 'separator'는 필수요소는 아니고 문자열을 자를 때 구분해주는 구분자입니다. 값이 입력되지 않으면 문자열 전체를 배열에 담아서 리턴합니다. 3) 'limi.. Javascript 4일차 Array (배열) : 데이터타입 중 하나인 군집형이다. 군집형이란 데이터 하나에 여러 객체가 들어가 있는 것을 말한다. 대입연사자 뒤에 붙는 친구이다 배열을 나타내는 방법 let arr = [ ] arr = [10] console.log(arr); // [10] length length : 1 -> 데이터공간에 데이터 하나가 있다는 뜻 배열의 length를 알아내고 싶다! console.log(arr.length); // 1 typeof : 내가 현제 어떠한 데이터타입을 가지고 있는지 확인할 수 있다 console.log(typeof arr.length) // number console.log(typeof arr) // array 문자 배열 let str = ['철수는 부자다'] console.log(.. Javascript 3일차 - let, const let 오늘 = "월요일" 오늘 -= "화요일" : 위 아래의 차이점은 위에서 먼저 let을 통해서 "월요일"이라는 값을 선언했지만 바로 밑에서 저런 식으로 값을 적으면 이동훈이란 변수는 "화요일" 값으로 적용된다. -> console.log(이동훈) : 화요일 * 내일 = "수요일" : 이거같은 경우는 let으로 먼저 변수를 선언함으로써 공간을 만들어야 하지만 그렇지 않았기에 실행이 안된다. * let a = "목요일" let a = " 금요일" : 변수를 선언할 때 같은 변수명을 선언할 수 없다. let, const 말고도 var도 존재한다. var: 오래전에 자바스크립에서 쓰던 변수선언방식이지만 Es6버전이 나오면서 주로 let, const를 쓰게되면서 더이상 var은 잘 안.. Javascript의 이해 2 Javascript를 시작하기 위해선 부분에 저런식으로 넣으면 된다. 변수 (variable) : 변하는 수, 변하는 값 프로그래밍 공부를 하기위해선 예약어라는 것을 알아야 한다. 프로그래밍을 작성할 때 내 마음대로 작성해도 되는 부분과 정해진 대로 써야되는 부분이 있다. 처음 우리는 예약어인 let, const인 변수를 선언하는 예약어를 배울 것이다. ex) let ingoo; -> let은 예약어이고 뒤에있는 것이 변수이다 (변수의 시작을 숫자로 할 수 없다.) ' = ' : 대입연산자 -> 수학에서 1=1은 1과 1은 같다라고 표현한다. 하지만 프로그래밍에서의 1=1은 1이라는 곳에 1을 집어넣겠다. 라는 의미이다. let ingoo; ingoo=427; -> 예약어를 통해 ingoo 변수를 생성해.. 이전 1 다음
