CSS를 이용해 객체 가운데 위치하기! 객체를 가운데에 두는 방법에는 여러 개가 있다. calc를 기억해두려는 목적으로 글을 쓰기 시작했는데, 내가 작업하면서 써봤던 방법을 작성해두려고 한다. (flex-box는 논외) 조건은 부모 객체의 가운데에 위치시키기다. HTML CSS.wrapper{ position:relative; width:400px; height:400px; background-color:#cacaca;}.popup{ position:absolute; top:50%; left:50%; margin-top:-75px; margin-left:-75px; width:150px; height:150px; background-color:pink;} 이런 식으로 영역의 50%를 top, left 내..
02. Rest 파라미터 - 스프레드(Spread) 연산자와 Rest 파라미터 Spread 연산자로 파라미터를 작성한 형태를 Rest 파라미터라고 한다.function(param, paramN, ...rest);const number = [1,2,3]getNum(...number); function getNumt(num1, num2, num3){ console.log(num1, num2, num3); } 결과 값num1 = 1num2 = 2num3 = 3 호출하는 함수의 파라미터에 3개의 값을 쓰고 호출받는 함수의 파라미터를 2개의 값만 썼을 경우 3번째 파라미터 값은 설정되지 않는다.(예제1)이때, rest 파라미터를 사용함으로써 배열 엘리먼트로 저장할 수 있다.(예제2)(예제1) getNum(...[..
01. Spread 연산자 - 스프레드(Spread) 연산자와 Rest 파라미터 iterable object의 element를 하나씩 분리하여 전개한다.iterable 객체는 반복 객체로써 객체의 원소에 하나씩 차례로 접근 가능하다. ' ... ' 점 세개로 시작해서 뒤에 이터러블 오브젝트를 써주면 된다.[...iterableObj]function(...iterableObj){ } 예시let first = [1,2];let last = [9,10];let result = [...first, 3,4,5,6,7,8, ...last]; console.log(result); 결과 값1,2,3,4,5,6,7,8,9,10 ...first를 전개하여 1,2의 값을 result의 배열에 넣어준다.그 후 3~8까지의 숫..
