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

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

** 초보 개발자로 글에 수정해야 할 부분이 있을 수 있습니다. 정정해야 할 부분은 댓글로 소통 부탁드립니다! url 등의 parameter 전송시에 암호화가 필요한 경우가 있습니다. - base64 란? 컴퓨터 분야에서 쓰이는 Base 64 (베이스 육십사)란 8비트 이진 데이터(예를 들어 실행 파일이나, ZIP 파일 등)를 문자 코드에 영향을 받지 않는 공통 ASCII 영역의 문자들로만 이루어진 일련의 문자열로 바꾸는 인코딩 방식을 가리키는 개념 base64 암호화 적용을 위한 함수는 atob(), btoa() 가 있습니다. 특히, 한글을 암호화 하기 위해서는 encodeURIComponent() 사용할 수 있습니다. export class StringUtil { /** * encode string ..

** 초보 개발자로 글에 수정해야 할 부분이 있을 수 있습니다. 정정해야 할 부분은 댓글로 소통 부탁드립니다! js에는 다양한 배열 순환 방법이 존재합니다. for(in, of), foreach, map 비교를 통해 올바른 사용법을 알아보겠습니다. 1. for(in, of) 기본적인 반복문의 구조는 아래와 같은 구조로, 배열 순환 시 break; 적용 가능합니다. for ([initialization]; [condition]; [final-expression]) { // iterating section } 1) for(var a in b) 객체에서 사용 가능한 문법입니다. var obj = { a: '가', b: '나', c: '다' }; for (var key in obj) { console.log(k..