유니의 코딩공부

배열과 리스트 비교 Array : list와 같이 순서대로 저장 / 중복 저장 가능 List : 데이터가 저장되는 순서가 중요하게 여겨지는 타입 데이터를 추가할때 배열과 리스트는 어떻게 다를까? 인덱스[3]에 데이터를 추가한다고 가정할 경우, 배열의 경우 기존 값을 덮어 씌움 인덱스[3]에 데이터를 추가한다고 가정할 경우, 리스트의 경우 기존에 있던 값40을 뒤로 한칸 넘겨 주고, 생긴 빈 공간에 값 추가 데이터 삭제 배열의 경우 비어 있는 상태로 유지 리스트의 경우 3번 데이터가 사라지면서 뒤에 있던 데이터가 앞으로 댕겨 짐 리스트 장점 데이터가 연속되어 있음 for문을 이용해 순회하여 처리하는 경우, 데이터가 있는지 없는지 체크할 필요가 없음 단점 인덱스는 몇번째 데이터인가 정도의 의미로 한정 배열 ..

정수형의 요소를 가지고 있는 배열이라는 뜻 배열에 있는 값 가져오기 값을 설정하지 않은 엘리먼트의 값을 가져오는 경 숫자 기본 값 : 0 객체 기본 값 : null 배열의 장/단점 크기가 정해져 있다 기능이 없다 좋은 부품의 조건 : 작고 가볍다, 단순하다 빠르고 메모리를 적게 사용하는 데이터 구조이다

동기 : 프로그래밍이 순서대로 진행 됨 특정 부분에서 시간이 오래 걸리는 경우가 있음 이게 비동기 프로그램이다 스레드 : 작업을 시작해서 끝내는 걸 하나의 스레드라고 하는데, 멀티스레드는 스레드를 한꺼번에 여러개 처리 할 수 있음 자바스크립트는 싱글 스레드라서 한번에 하나의 작업만 처리 할 수 있는 언어 A를 처리하고 B가 처리될때 까지 기다리게 되면 뒤에 있는 작업이 밀리게 된다 시간이 오래 걸리는 것은 실행되게 해놓고 그 다음에 있는 작업을 먼저 실행하는데 이것이 비동기 프로그래밍이다 AJAX: 특정 부분 필요한 내용만 가져와서 보여줄 수 있음 서버와 통신하면서 사용하기 때문에 서버와 주고 받을때도 서버에서 처리가 오래걸리는 일이 있는데, 다른 작업을 먼저 하고 응답이 오면 처리해 줌 요청한 시점과 ..

사용자가 어떠한 항목을 선택했는지 인덱스가 알려준다 산업공학과를 선택 후 document.querySelector("#major").options를 입력하면, index값 3이 나옴 [select.options.selectedIndex] 몇 번째 항목이 선택되었는지 나타내는 숫자가 됨 내용을 가져올때 .innerText textFrom : form이름 subject : 폼 안에 들어있는 radio버튼의 name 선택된 부분의 value값을 알아낼 수 있음 value 값 확인 불가 라디오 버튼은 무조건 1개만 선택 가능하지만, 체크 박스인 경우 여러개 선택 가능 querySelectorAll로 접근 input요소에서 name이 mailing인 요소 중에서 선택된 요소들을 불러올때 :checked 입력 ch..

innerText : 내용을 가져오고 싶을때 innerText = " " 내용을 바꾸고 싶을때 innerText는 웹브라우저에 보이는 텍스트만 가져옴 textContent 브라우저에는 보이지 않지만 소스 상에 존재하는 내용을 전부 다 가져와서 보여줌 innerHTML 태그까지 가져와서 보여줌 이미지 부분을 클릭하면 이미지가 바뀜!

setInterval(콜백함수, 시간) : 일정 시간마다 함수를 반복해서 실행하는 함 1초 = 1000밀리 greeting함수를 2초마다 계속 실행해 달라는 의미 clearInterval(): setInterval로 실행하던 것을 멈추는 함수 setTimeOut() : 대기하고 있다가 지정한 시간이 되면 그때가서 함수를 실행 3초 후에 나옴 user가 3개인데 1개의 값만 나옴 이유 : querySelector 값을 1개만 반환하기 때문 여러 개 있을 경우 첫번째 있는 요소만 반환해줌 querySelectorAll () 을 사용하여 여러 값을 저장하는 경우 NodeList 형태로 저장 특정한 요소에 접근 할 수 있음

== : 자료형 무시하고 비교 === : 자료형까지 비교하고 싶은 경우 != 자료형 무시 !== 자료형까지 비교 같은지 비교할때 === 사용 추천, 다른지 비교할땐 !== 사용 추천 웹개발자 도구에서 제공하는 디버깅도구가 들어있음 오류가 났을때 오류를 찾아주는 기능을 하는데 오류를 찾는다기 보다는 프로그램 흐름이 어떻게 흘러가는지 한 줄씩 체크해 볼 수 있음 2개의 변수 체크 브레이크 포인트를 체크하고 나면 새로고침 눌러줘야 함 9번줄부터 시작 num이라는 변수가 값 3이있다 전역변수는 window객체에 속성으로 저장이 된다 window객체는 자바스크립트에서 가장 최상위에 있는 객체 변수 값 하나를 사용하기 위해 윈도우객체를 불러와 사용하는것은 비효율적 var를 let으로 변경해서 사용 let은 블록스코..

사용자가 행하는 동작, 웹브라우저가 행하는 동작 이벤트 처리기 : 이벤트가 발생했을 때 실행하는 함수 이벤트가 발생했을 때 처리하는 함수 연결할 함수가 간단할 때 많이 사용 이벤트 처리 방법을 addEventListener로 변경 1) 첫번째 옵션 : click 2) 두번째 옵션 : 클릭이벤트가 발생했을때 실행할 함수를 넣어줌 3) 세번째 옵션 : 이벤트 캡쳐 여부를 넣어주는데 기본값이 false이므로 생략하면 false로 인식 onclick다음 ""가 사용됐기 때문에 ()안에는 ' ' 를 사용해야 함 " "를 또 사용하게되면 alert문이 겹쳐서 끝남 DOM을 이용한 방법 : 태그를 스크립트로 끌어 옴.

익명 함수 : 이름 없는 함수 즉시 실행 함수, 변수 할당 후 실행 가능 - 익명 함수는 변수에 할당 할 수 있음 화살표 함수 1. 매개변수가 없는 경우 매개변수 => 실행하려는 명령어 맨 끝에 ;을 붙여주면 됨 중괄호 안에 실행할 명령이 하나 뿐인 경우 중괄호 생략 가능 2. 매개변수가 있는 경우 중괄호 안에 문장이 하나인 경우 중괄호 생략 가능, 매개변수 안에 매개변수 하나인 경우에도 괄호 생략 가능 3. 매개변수가 2개 이상인 경우 문장이 하나이므로 중괄호 생략 가능, 매개변수 2개이상이므로 괄호 생략 불가 return도 생략 가능 매개변수 a,b가 사용되는 함수이고, a + b값을 반환한 값이 sum에 들어간다는 의미

1) var를 안붙여서 전역변수로 사용하는 경우가 있는데, 함수 밖에서 값을 변경시켜 버리는 경우가 생김 2) 같은 변수 이름이 나왔는데 재사용이 가능하면 문제가 생길 수 있음 호이스팅 : 끌어 올린다 y변수가 선언 되지 않았지만 undefined로 나오는 이유는 앞에 선언 된것처럼 끌어서 인식 함 var 예약어를 사용해서 변수를 사용하는 것보다 let로 사용 추천 let 변수의 특징 scope : block에 국한되어 있음 for문에 있는 i변수는 for문에서만 사용 가능 let sum은 calcSum 함수 내에서만 사용 가능. let를 빼면 sum을 전역 변수로 사용 가능 명확하게 블록 내에서만 사용 할 수 있게 제한 되어있음 var와 차이점: 재선언 불가 let는 호이스팅 안되서 오류 메세지 나타냄