** 초보 개발자로 글에 수정해야 할 부분이 있을 수 있습니다. 정정해야 할 부분은 댓글로 소통 부탁드립니다! 개발 하다보면 제일 어려운 부분 중 하나가 환경설정입니다. 코딩하기 더 쉬운 환경을 위한 설정임에 틀림없지만, 어렵더라구요... 🥲 여러 환경설정 중에서도 이번에는 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..

** 초보 개발자로 글에 수정해야 할 부분이 있을 수 있습니다. 정정해야 할 부분은 댓글로 소통 부탁드립니다! api를 통해 Request를 보낼 때 다양한 방법으로 parameter, body를 가지고 올 수 있습니다. 아래 api를 예로 들어 보겠습니다. ex) http://loalhost:1234/login?id=A 1. HttpServletRequest 객체 이용 @RequestMapping(value = "login") public String login(HttpServletRequest request) { String id = request.getParameter("id"); return id; } 2. @RequestParam("key") 이용 @RequestMapping(value = "l..

** 초보 개발자로 글에 수정해야 할 부분이 있을 수 있습니다. 정정해야 할 부분은 댓글로 소통 부탁드립니다! 개발자가 아무리 다양한 케이스들을 고려하여 프로그래밍한다고 해도 실 사용자들의 다양한 유즈케이스들을 만족시키기란 너무 어렵죠... ㅠ 저의 경우에는 사용자들의 이모지(이모티콘) 입력이 그러했어요~ 실제로 SERVER에서는 wrong string 1366 ERROR 가 발생했습니다. 원인이 무엇일까요? 4byte로 구성된 이모지는 utf8 characterset으로 입력이 가능하지만,MySQL 및 MariaDB 에서는 utf8을 3byte로 처리하고 있어 문제가 발생하는 것이었습니다. 해결책 :: alter 쿼리를 통해 DB의 characterset, collate(정렬 방식)을 utf8(설정에 ..