문서 객체 조작 조작 : 값을 추출하거나 넣는 것 🧁 문서 객체를 조작할 수 있는 위치 (1) head태그의 script에서 조작 (2) body태그 마지막에 배치한 script에서 조작 (1)번 같은 경우는 문서 객체가 모두 만들어진 이후에 함수를 시행해야한다. 하지만 head가 body보다 앞에 있기 때문에 순서가 맞지 않음! 이럴때 쓰는 것이 DOMContentLoaded ※ DOMContentLoaded : DOM 콘텐트 로드가 완료되면! 이라는 이벤트임 이런식으로 쓴다 ... addEventListener('DOMContentLoaded',()=>{ 어쩌구 코드 }); 즉, DOMContentLoaded 라는 이벤트를 설정하여 조작하는 것! 🧁 문서 객체 가져오기 body태그 내부의 다른 태그를..
자바스크립트 배열과 객체 관련 기초 배열과 객체 🐇 배열과 객체의 비교 const 배열 = [값, 값, ...] const 객체 = {키: 값, 키: 값} 식별자인 키는 숫자로 시작하지 않음. 기호는 $랑 _만 사용가능 🐇 내부 요소 접근 방법 배열[index] 객체.키 객체['키'] 이것도 가능한데 잘 안씀 🐇 요소와 속성 요소 : 배열에서 값 하나하나를 '요소'라고함 속성 : 객체에서 키: 값 하나를 '속성'이라고 함 🐇 this 활용 익명함수에서는 this는 자기 자신!! 하지만 화살표함수에서는 this가 따로 연결이 안됨 const 디스 = { 익명 : function() { console.log(this) }, 화살 : () => { console.log(this) } } 디스.익명() 를 호출..
자바스크립 함수 기초 익명 함수와 선언적 함수 익명함수 const f = function (매개변수, 매개변수) { return 리턴값 } 선언적 함수 function f (매개변수, 매개변수) { return 리턴값 } const f 가 변수 이름이 있으니까 익명이 아니지 않나! 라는 무식한 생각을 했지만 변수 이름은 있고 함수 이름은 없으니 익명 함수 맞음 ^^ ( 이렇게 기억하고있자 ㅠ ) 초기에는 선언적 함수를 더 많이 사용했는데 자바스크립트가 프로그래밍 본질을 발전시켜나가면서 익명 함수를 더 많이 쓰게 되었다고 한다. 왜냐하면 ... 함수() // → 선언적함수입니다. 함수 = function(){ // (2) 얘가 나중에 실행됨 console.log('익명함수입니다.') } function 함..
Javascript 자바스크립트 공부하다가 알아둬야할 것 같아서 따로 포스팅 정확하진 않지만 대충 이런 느낌이라고 생각하면 될듯 🧀 스택(Stack)과 힙(Heap) 간단 이해 기본 자료형 숫자, 문자열, 블 스택(Stack) 복합 자료형 배열, 함수, 객체 힙(Heap) 기본 자료형은 스택(Stack)이라는 곳에 저장 복합 자료형은 힙(Heap)에 저장 그러니까 ... 배열은 힙에다가 저장이 됨. 그러면 고유의 위치가 있을테고 그걸 스택에서 해당 위치에 이름을 붙혀서 변수명이 생기는 느낌 그래서 c=[1,2,3] 이 가능해지는 것 여기서 위치는 "주소"고 스택의 주소를 힙의 주소를 가리키는 걸 "레퍼런스"한다고 하고 스택의 변수명은 "레퍼런스 변수" 라고 함 스택(Stack) 기본 자료형과 주소 등을 ..
Javascript 자바스크립트 기초를 다지자 코드들을 보다보면 export, import로 막 데이터를 주거니 받거니하는데 뭐 대강 데이터를 보내고 받는구나~ 라는건 알고있었지만 자세히는 몰랐음 자세히 봐보자 🐷 export로 내보내고 import로 받는다 export로 데이터 보내기 const greet = "Hello~"; const sumNum = (num1, num2) => num1 + num2; export {greet, sumNum}; 외부와 공유할 변수를 만들고 export{ }에 담아서 보내기 export const greet2 = "이렇게도 보낼 수 있따"; export const sumNum2 = (num1, num2) => num1 + num2; 근데 이걸 더 짧게 이렇게도 보낼 수..
