** 초보 개발자로 글에 수정해야 할 부분이 있을 수 있습니다. 정정해야 할 부분은 댓글로 소통 부탁드립니다! 개발 하다보면 제일 어려운 부분 중 하나가 환경설정입니다. 코딩하기 더 쉬운 환경을 위한 설정임에 틀림없지만, 어렵더라구요... 🥲 여러 환경설정 중에서도 이번에는 babel, polyfill에 대해 알아보려 합니다. Babel 1. 바벨이란 무엇일까? MDN 홈페이지를 찬찬히 읽어 나가다 보면 가장 아래에 아래와 같은 "브라우저 호환성 표" 를 쉽게 찾을 수 있습니다. 이러한 브라우저 호환성을 해결하기 위한 방법이 babel 입니다. 바벨을 설명하기 앞서 크로스 브라우징(Cross Browsing) 개념에 대해 알아보자면... Cross-browser compatibility is the ab..

** 초보 개발자로 글에 수정해야 할 부분이 있을 수 있습니다. 정정해야 할 부분은 댓글로 소통 부탁드립니다! ** 해당 글은 영문글의 번역본입니다. ES2017 부터, object to array 를 위한 3가지 기능이 제공됩니다. Array는 array를 위한 method를 제공하고 있죠! (달변가가 아니라... 쏘리 😝) Object를 array로 변환한다면, array method를 사용할 수 있겠죠 ?! yay~! 🥳 [Legacy Code] var numbers = { one: 1, two: 2, }; var keys = []; for (var number in numbers) { if (numbers.hasOwnProperty(number)) { keys.push(number); } } ke..

** 초보 개발자로 글에 수정해야 할 부분이 있을 수 있습니다. 정정해야 할 부분은 댓글로 소통 부탁드립니다! ** 해당 글은 영문글의 번역본입니다. javascript 를 이용해 코딩하다 보면 깔끔하지 않은 코드를 마주할 때 "내가 이렇게 코딩해도 되는건가...?" 싶을 때가 있습니다. 이를 해결하기 위해, javascript 깔끔한 코드를 위한 꿀팁 10가지를 소개하려고 합니다! 1. OR( || ) 조건문이 여러개 사용되는 경우 if (fruit === 'apple' || fruit === 'orange' || fruit === 'banana' || fruit ==='grapes') { //code } 다중 OR 조건문 대신에 Includes()를 사용하면 가독성을 높일 수 있습니다. const f..

** 초보 개발자로 글에 수정해야 할 부분이 있을 수 있습니다. 정정해야 할 부분은 댓글로 소통 부탁드립니다! react native 앱 개발을 하다 보면 android의 다양한 기기에서 테스트 할 필요성을 느끼게 되더라구요 ~ 워낙 다양한 기종이 많다 보니 모든 기기에서 테스트 하기가 어려운데 (특히... 모바일 부터 태블릿까지 너무 크기가 다양해서.... ㅠ) foldable 기기에서까지 테스트해야 하다니... 하지만 해야죠! ㅋㅋㅋ foldable 테스트를 위한 apk를 다운받아야 합니다~! 1. Download FoldableEmulator.apk (samsung developer 에서 다운받으실 수 있습니다.) 2. Install apk $ adb install FoldableEmulator.a..

** 초보 개발자로 글에 수정해야 할 부분이 있을 수 있습니다. 정정해야 할 부분은 댓글로 소통 부탁드립니다! sort() 함수는 정렬을 위해 사용하는 함수입니다. Array.prototype.sort([compareFunction]) parameter인 compareFunction은 optional 이기 때문에 정렬의 기준을 새롭게 정의하고자 할 때 사용할 수 있습니다. 1) compareFunction이 주어지지 않는 경우 : array의 요소를 문자열로 변환한 뒤, 유니코드 값으로 비교 후 정렬 2) compareFunction이 주어지는 경우 : compare function에 따라 정렬 return 값 의미 0 정렬하지 않고, 현재 순서 그대로 유지 1 내림차순 정렬 -1 오름차순 정렬 [Ref..