유니의 코딩공부

RAM(Random architecture Memory) 메모리에도 address가 있고, 각자의 위치에 데이터가 저장됨 각 주소에 접근할 때 걸리는 시간이 동일 메모리를 사용하는 특성이 다르다 LinkedList 구조 node : 마디, 교점 vertex: 정점, 꼭지점 연결과 연관되어 있는 개념 구조를 설명하기 위한 표현 node 안에 2개의 필드(변수)를 가지고 있다 data field: 저장되는 실제 값 link field: 다음 node가 무엇인가 저장 되어 있음 head : 첫번째 노드가 무엇인가를 의미하는 정보를 저장 첫번째 위치에 노드 추가 1. 노드를 생성 2. 새로 생성한 노드에 next값으로 현재 이 리스트의 첫번째 노드를 지정 3. 시작이 되는 node가 방금 생성한 node 데이터..

리스트를 만들 때 내부적으로 배열을 사용 리스트 완제품 안에 배열이라는 부품을 사용하는 것과 같음 데이터를 추가 빈 공간을 만들어 놓고 추가 데이터 삭제 빈 공간이 생기고 list는 빈 공간을 허용하지 않아서 뒤에있는 데이터들을 앞으로 댕기게 됨 단점 : 삭제하거나 추가할 때마다 뒤에 있는 데이터들을 하나씩 댕겨야 하므로 시간이 많이 걸림 장점 : 데이터 가져오기 (인덱스 값을 알고 있어서 인덱스 값으로 데이터를 가져올 때) ArrayList: 호수를 알고 있으면 바로 가서 찾을 수 있음 (빠름) LinkedList : 호수를 몰라서 일일이 찾아야 함 (느림) 데이터의 크기를 가져오고 싶을 때 몇 개의 데이가 저장되어 있는지 가져 오고 싶을 때 변수 값을 통해 몇 개의 요소가 리스트 안에 존재하는 지 알..

배열과 리스트 비교 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을 이용한 방법 : 태그를 스크립트로 끌어 옴.