유니의 코딩공부

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 형태로 저장 특정한 요소에 접근 할 수 있음

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

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