2020/067 [Modern CSS] 하단에 footer 고정하기 flex vs grid Moder CSS 첫 번째 주제 - footer 하단 고정 flex vs grid 괜찮은 Modern Css 소개 페이지가 있어 연재를 하려고 합니다. 그 첫 번째 시간으로 하단에 footer 고정하기 See the Pen Footer 하단 고정 Flex & Grid by YoungMinKim (@oinochoe) on CodePen. 먼저 Flex를 통하여 고정시키는 방법이 있습니다 body { min-height: 100vh; /* 최소 높이를 지정 */ display: flex; flex-direction: column; } footer { margin-top: auto; /* 최소 높이 하단에서 자동으로 뻗어나가도록 설정 */ } /* optional */ main { margin: 0 auto;.. 2020. 6. 30. ES2020 7가지 새로운 팁 급진적으로 계속해서 쏟아져 나오고 있는 ES 버전들을 모두 리뷰 하기에는 많은 시간이 소모됩니다. ES6(ES2015)를 시작으로 7, 8 계속 이어져오다가 정식 명칭을 아예 ES2020으로 연도를 붙이는 것으로 변경이 된 것 같습니다. 아시다시피 2015 년 ES6 이후로 Ecma International의 TC39에서 매년 ECMAScript의 새로운 버전을 출시합니다. ECMAScript 2020은 ECMAScript 언어 사양의 11 번째 버전입니다. 이 새로운 반복에는 고유 한 새로운 기능이 포함되어 있습니다. 1. ‘globalThis’ JavaScript 언어는 현재 매우 인기가 있으며 웹 브라우저에서 물론 다양한 환경에서 사용할 수 있지만 JavaScript는 서버 측, 스마트폰, 로봇 등.. 2020. 6. 29. [javscript] 12가지 Array 팁 1. 중복 값 삭제 이 문제는 어떻게 유니크한 값을 배열로부터 얻어내느냐에 대한 매우 일반적인 면접 질문입니다. new Set()을 사용할 수 있습니다. let fruits = ['banana', 'apple', 'orange', 'watermelon', 'orange', 'apple']; // 첫번째 방법 let uniqueFruits = Array.from(new Set(fruits)); console.log(uniqueFruits); // returns ['banana', 'apple', 'orange', 'watermelon']; // 두번째 방법 let .. 2020. 6. 28. Constructor vs Literal JavaScript에서는 다른 방식으로 동일한 결과를 얻을 수있는 자유가 있습니다. 생성자와 리터럴 접근법을 사용하여 문자열, 숫자, 객체, 배열 등의 값을 만들 수 있습니다. 이러한 접근 방식 중 하나를 사용하여 동일한 값을 얻을 수 있습니다. 그러나 런타임 버그를 피하는 데 유용한 몇 가지 차이점이 여전히 있습니다. 결론부터 말하면 Literal 방식이 Contructor 방법보다 낫습니다. Literal과 contructor 방식이 무엇이냐면 다음과 같습니다. 일반적으로 리터럴과 primitive를 선호하고 내장 생성자를 피해야합니다. literal과 primitive를 선호하는 이유는?? 1. 리터럴은 더 짧고 읽고 쓰기 쉽습니다. let o = new Object(); let o = {}; //.. 2020. 6. 22. 이전 1 2 다음
