본문 바로가기

바로가기

전체 글118

[JavaScript] : HTML 요소에 접근하기 위해 document.getElementBy() 써보기. document.getElementBy getElementById()인터페이스의 메서드는 속성이 지정된 문자열과 일치하는 요소를 나타내는 개체를 반환한다. 요소 ID는 지정된 경우 고유해야 하므로 특정 요소에 빠르게 액세스할 수 있는 유용한 방법입니다. ID가 없는 요소에 액세스해야 하는 경우 를 사용하여 선택기를querySelector() 사용하여 요소를 찾을 수 있다. 아직 DOM의 개념도 잘 모르지만, 과제를 위해 사용하려고 합니다. 나의 HTML에 있는 div 라는 요소에 접근하기 위해서 document.getElementBy를 써볼려고 합니다. console.log(document.getElementById(movies)) 첫 번째 시도는 null 나오는 값이 없다는 뜻이니 이번엔 문자열로 시도.. 2023. 6. 1.

[JavaScript] : Object 와 Array, 그리고 다양한 Method . Object Array Method 1. 객체 객체란? = {} // 중괄호 안에서 key : value 의 값으로 이루어진 값을 말한다. let person = { name: '홍길동', age: 30, gender: '남자', }; 위 처럼 "name", "age", "gender"는 옆의 value의 값을 나타내는 key 값이다. // 객체에 접근하는 방법은 '온점' 을 사용해서 가능하다. console.log(person.name) // ==> 홍길동 2. 객체의 메서드 종류 2-1. Object.key let person = { name: '홍길동', age: 30, gender: '남자', }; let keys = Object.keys(person); console.log(keys); // [.. 2023. 5. 31.

[JavaScript 문법] : 변수 var, let, const 의 특징 및 차이점. 변수 Var Let Const "변수"를 사용하는 이유 : 어떠한 데이터를 메모리에 저장을 하고, 읽어들여서 재사용하기에 간편하고 용이하기 때문. 변수를 선언하는 방법 1. Var var firstVar = 'Hi, my name is yoon'; // firstVar라는 변수를 var 로 '선언' 후 '값을 할당' var firstVar = 'Test !!'; // firstVar라는 '이미 선언되었던' 변수를 var 로 '재선언' 할 수 있다. firstVar = 'Hello, i'm fine thankU'; // firstVar라는 '이미 값이 할당된' 변수를 var 로 '재할당' 할 수 있다. // 위 코드를 console.log(firstVar)로 찍어본 결과이다. yoonzero@gwon-yu.. 2023. 5. 30.

[WIL / KPTF] : JavaScript 입문. 2주차 1. 한 주의 흐름 1) 이번주 내가 한 일 javascript 입문 강의 1회독 첫 번째 개인과제 발제 프로그래머스 코딩테스트 lv.0 2) 느낀점 순수 javascript 로 코드를 짜보니, 어렵고 복잡하지만 좀 더 본질적으로 다가갔었던 느낌. 시간도 빨랐고, 강의 내용도 많았다. TIL 에 들어가는 시간이 너무 많아, 강의를 목표치만큼 채울려다 보니 점점 조급해지는 느낌. 2. Keep (앞으로도 유지했으면 하는 부분) 강의를 듣는 시간이 배로 늘어나도 한 강의에서 뽑아 먹을 수 있는 부분은 1회차에 뽑아내고, 2회차에 복습 TIL에 소요되는 시간이 현재이 현재는 많더라도, 점차 속도가 빨라질 것이다. 그러니 꾸준히 내가 남기고픈 내용들은 기.. 2023. 5. 30.

[JavaScript 문법] : Class의 상속(= Inheritance) 오늘은 Class에 대해 조금 더 알아보는 시간. "상속" = Inheritance https://playlist808.tistory.com/entry/JavaScript-%EB%AC%B8%EB%B2%95-Class-%EC%99%80-setter-getter-%EC%82%AC%EC%9A%A9-%EB%B0%8F-%EC%98%A4%EB%A5%98%ED%95%B4%EA%B2%B0 Start ! Class는 독단적으로 존재할 수도 있지만, 경우에 따라 부모 Class, 자식 Class, 손자 Class 이런식으로 존재할 수도 있다. 위의 그림처럼 부모Class 가 가지고 있는 필수요소(= property) 또는 메서드(= method) 와 같은 기능들을 밑으로 내려주는 것이 바로 => 상속(= inheritan.. 2023. 5. 26.

[JavaScript 문법] : 'Class' 와 'setter', 'getter' 사용 및 오류해결 오늘의 주제 class getter setter 시작 ! 구글링해서 가져온 자전거 사진을 예시로, Class 문법을 이용해 자전거라는 Instance(= 결과물)를 만들어보자. * Class란? : 하나의 자전거를 만들기 위한 '설계도'. 자전거 설계도를 도면이라는 '종이'에 그린다면? 프로그램에서는 'constructor'라는 생성자 함수에 값들을 추가해가면서 만듦 ! 설계도의 '종이' = Constructor (= 생성자 함수) 이제 그럼 constructor로 자전거를 만들자. 1. Class로 뭘 만들지 지정한다. class Bicycle {} 난 자전거니까 Bicycle !! 2. {}안에 이 자전거를 만들기 위한 설계도의 '종이'역할 constructor(= 생성자 함수) 를 넣어준다... 2023. 5. 25.

이전 1 ··· 15 16 17 18 19 20 다음

티스토리툴바