오늘도 기록it

const text = document.getElementById -> id로 찾아서 값출력 document.getElementsByClassName ->claa로 찾아서 값출력 text.innerText="" //innerText를 이용해서 값을 변화시킬 수 있다. getElementById() getElementsByClassName() getElementsByTagName() 이렇게 자바스크립트를 통해 HTML을 가져올 수 있는 것이 크게 세가지 있음 이중에서 querySelector를 가장 많이 쓸 것임 getElementById() : 말 그대로 id , 하나의 값을 반환해줄때 쓴다 getElementsByClassName() : 클래스 네임을 가져옴, array에 할당 getElementsBy..

배열 -> string. //join 사용 string -> 배열 //split() fruit.split(',',2); ,으로 나눠진 앞에서 두개 배열 거꾸로 //reverse(); 배열 인덱스2번부터 마지막-1까지 //array.slice(2,5)

//Literals and Properties const obj1 = {}; //object literal const obj2 = new Object(); //object constructor function print(person) { console.log(person.name); console.log(person.age); } const kys = {name:'kys', age:4}; //object print(kys); kys.hasJob = true; //가능은 하지만 좋지 않은 코드 console.log(kys.hasJob); //Computed properties //Computed properties console.log(kys.name); //코딩하는 순간 값을 받아올때 console.lo..

// class 기본 class Person { constructor(name,age){ this.name=name; this.age; } //methods speak() { console.log(`${this.name} : hello!`); } } const kys = new Person('kys',20); kys.speak(); //getter setter class User{ constructor(firstName, lastName, age) { this.firstName = firstName; this.lastName== lastName; this.age=age; } get age() { return this._age; } set age(value) { this._age=value < 0 ? 0 ..

command + ⬆️ 맨 위로 command + ⬇️ 맨 아래로 command + ⬅️ 문장 제일 앞부분 command + ➡️ 문장 제일 뒷부분 command + shift 선택이된다. command + c 복사 command + x 잘라내기 command + D 단어를 선택하고 여러번 누르면 같은 단어가 선택됨 option + click 여러줄 선택 option + command + 아래 방향키 여러줄 선택

글이 길때 메뉴1 //메뉴1을 클릭하면 id값이 content인 곳으로 이동한다. map //맵을 이용해 이미지안에 링크를 걸어줄 수 있다.

[데이터타입] var 은 더이상 쓰지 않는다. 선언하기도 전에 사용 가능함, 블럭 선언을 무시한다. var hoisting 어디다 선언하든 항상 제일 위로 선언을 올려준다. let 사용! (Mutable) const (Immutable) const 한번 할당하면 값이 변하지 않는다. 보안성이 좋다 한번 선언하고 변경될 일이 없다면 const로 선언하는게 좋다. variable types primitive(single item) : number, string, boolean, null, undefiedn, symbol object, box container

float - 이미지와 텍스트를 지정 float : left - 사진이 왼쪽에 배치된고 글이 감싼다. float : center - 사진이 가운데에 배치된고 글이 감싼다. float : right - 사진이 오른쪽에 배치된고 글이 감싼다. display display:flex -> box들이 세로에서 가로로 바뀜 flex flex-direction:row; 왼쪽에서 오른쪽 flex-direction:row-reverse; 오른쪽에서 왼쪽 flex-direction:column; 위에서 아래로 flex-direction:column-reverse; 아래에서 위로 flex-wrap : nowrap; - 한줄에 아이템이 많아도 붙어있다. flex-wrap : wrap; - 한줄에 아이템이 꽉차면 다음줄로 넘어..

display display : block; --블럭단위로 한줄에 하나 display : inline; --안에 들어가 있는 물건의 크기에 따라 변경 display : inline-block; --한줄에 여러개가 들어가지만 블럭 사이즈이다. position default position : static; position : relative; //원래 있던 자리에서 움직임 position : absolute; //내 아이템과 가장 가까이 있는 부모로 이동 position : fixed; //윈도우 안에서 움직임 position : sticky; //원래 그 자리에 있는데 스크롤 하면 화면에 계속 남는다.

Number.MAX_SAFE_INTEGER - 최대정수 Number.MIN_SAFE_INTEGER - 최소정수 Math.min(3,5,7) - 최소값 구하기 Math.ceil - 올림 Math.floor - 내림 Math.round - 반올림 Math.sqrt - 제곱근 Math.min(...arr) - 전개연산자 --> (arr[0],arr[1] ...) 이런식으로 들어간다 Math.min.apply(null,arr) 첫번째는 객체 두번째는 배열 //forEach, map, filter, reduce //forEach a=[10, 11, 12, 13, 14, 15]; a.forEach(function(v, i) { //for 대신 사용 //첫번째는 값 두번째는 인덱스번호 console.log(v, i,..