본문 바로가기

전체 글

(290)
[개인 프로젝트] Tamburins http://passionfruit3.dothome.co.kr/ tamburins SHOWERY BODY WASH & LOTION DAY DREAM 탬버린즈가 선보이는 새로운 바디컬렉션, 샤워리바디워시&로션은 일상에서 채워지지 않는 우리의 공허함을 향기로운 네가지 공상으로 위로한다. 나만의 공상 속에 passionfruit3.dothome.co.kr 반응형 동영상 삽입
[개인 프로젝트] NONFICTION http://passionfruit2.dothome.co.kr/ NONFICTION passionfruit2.dothome.co.kr 반응형 로그인 기능 자바스크립트 및 제이쿼리 스크롤 기능
[개인 프로젝트] 닥터드레 헤드폰 홈페이지 리뉴얼 http://passionfruit.dothome.co.kr/ 닥터드레 코리아 passionfruit.dothome.co.kr 일반형 디자인 중점 스와이프 사용
[JavaScript] Map, Set Map Map 은 이름이 있는 데이터를 저장한다는 점에서 객체와 비슷하다. key - value pair. 그러나 할당연산자를 통해 값을 추가하고, 점 표기법이나 대괄호 표기법으로 접근하는 객체와 달리 Map 은 메소드를 통해 값을 추가하거나 접근할 수 있다. new 키워드를 통해 Map을 만들 수 있으며 아래와 같은 메소드로 Map 안의 여러 값을 다룰 수 있음. method 기능 map.set(key, value) key를 이용해 value를 추가하는 메소드. map.get(key) key에 해당하는 값을 얻는 메소드. key가 존재하지 않으면 undefined를 반환. map.has(key) key가 존재하면 true, 존재하지 않으면 false를 반환하는 메소드. map.delete(key) ke..
[JavaScript] 배열 메소드 reduce reduce 메소드 누산한 값을 계산해주는 메소드, 0 : 초기값 // reduce const numbers = [1, 2, 3, 4]; const sumAll = numbers.reduce((acc, el, i) => { console.log(`${i}번 index의 요소로 콜백함수가 동작중입니다.`) console.log('acc', acc); console.log('el', el); console.log('-----------'); return acc + el; }, 0); console.log('sumAll', sumAll);
[JavaScript] 배열 메소드 some과 every some 메소드 조건을 만족하는 요소가 1개 이상 있는지 판별, true or false every 메소드 모든 요소가 조건을 만족하는지 판별, true or false //some 과 every const numbers = [1, 3, 5, 7, 9]; //some: 조건을 만족하는 요소가 1개 이상 있는지 const someReturn = numbers.some((v) => v > 5); //every: 모든 요소가 조건을 만족하는지 const everyReturn = numbers.every((v) => v > 5); console.log(someReturn) // true console.log(everyReturn) // false 빈배열의 경우에 some 은 false, every는 true 를..
[JavaScript] 배열 메소드 filter와 find filter 메소드 콜백함수가 리턴하는 조건식이 true 인 요소만 찾아서 배열로 리턴. const devices = [ { name: 'iPad', brand: 'Apple'}, { name: 'iPhone', brand: 'Apple'}, { name: 'GalaxyWatch', brand: 'Samsung'}, { name: 'Gram', brand: 'LG'}, { name: 'MacBookAir', brand: 'Apple'}, ]; const apples = devices.filter(v => v.brand == "Apple" ) // 배열의 요소 중 brand 값이 'Apple' console.log(apples); 이처럼 Apple 값을 가진 요소만 배열의 형태로 출력된다. 항상 리턴값이 ..
[JavaScript] finally 문 try catch 문은 다음과 같이 finally 라는 블록을 하나 더 가질 수 있다. try { // 실행할 코드 } catch (err) { // 에러가 발상했을 때 실행할 코드 } finally { // 항상 실행할 코드 } try 문에서 에러가 발생하지 않으면 try 문의 코드가 모두 실행된 다음에, try 문에서 에러가 발생한다면 catch 문의 코드가 모두 실행된 다음 실행할 코드를 finally 문에 작성하면 된다. 다시말해 try 문에서 어떤 코드를 실행할 때 에러 여부와 상관 없이 항상 실행할 코드를 작성하는 것. finally 문에서 에러 처리는 다음과 같다. try { try { // 실행할 코드 } catch (err) { // 에러가 발상했을 때 실행할 코드 } finally { ..