인스타그램 클론 프로젝트(westagram)를 진행하면서 반복적으로 노출되는 영역에 map함수를 이용하여 로직을 구현해 보았다.:: 댓글 부분 li에 map 함수를 이용하여 id content를 띄우고자 한다.재사용 가능한 ui인 Component에 id와 conten
arr.slice(\[begin, end])어떤 배열의 begin부터 end까지(end는 미포함)에 대한 얕은 복사본을 새로운 배열 객체로 반환한다추출한 요소를 포함한 새로운 배열 반환원본배열은 바뀌지 않음 주의!인수로 전달된 범위의 요소들을 복사하여 배열로 반환2개의
https://images.velog.io/images/jaewon97/post/af3b50d4-86f2-4e4c-8748-7be1ab6a16be/image.pnghttps://velog.velcdn.com/images%2Fjaewon97%2Fpost
arr.filter(callback(element\[, index\[, array]])\[. thisArg])(지정된 조건)콜백 테스트를 통과한 배열 요소만 반환되고, 통과되지 못한 배열 요소는 포함되지 않는다currentValue: 배열의 요소 중, 처리 할 현재
💡 Arrow function이란?화살표 함수는 ES6문법이다.function 키워드 사용해서 함수를 만든 것보다 간단히 함수를 표현할 수 있으며, 화살표 함수는 항상 익명이다."{}"를 사용하면 값을 반환할 때 return을 사용해야한다."{}"를 사용하지 않으면
https://velog.velcdn.com/images/jaewon97/post/7b52fccf-2e3f-4767-88fc-728c5686dd6c/js.png프로젝트를 진행하면서 사용했던 연산자 위주로 정리해보려한다.기본적인 산술 연산자는 덧셈(+), 뺄셈
객체는 이름과 값으로 구성된 프로퍼티들의 집합https://velog.velcdn.com/images%2Fjaewon97%2Fpost%2F1a173d02-8e04-4c9b-b46c-f5e8b8303388%2Fimage.png객체는 {}(중괄호)로 감싸져 있고,
navigator 객체는 브라우저에 대한 정보를 가지고 있는 객체이다navigator 객체는 브라우저와 관련된 정보를 컨트롤한다.(브라우저에 대한 버전, 정보, 종류 등 관련된 정보 제공)navigator.appCodeName 브라우저의 코드명을 반환한다.navigat