조건 확인 방식 if 문의 경우 조건의 참/거짓 여부를 실제로 확인합니다. switch 문의 경우 조건이 case와 일치하는지만 확인 합니다. 비교 방식 switch 문에서는 case 의 경우를 일일이 비교하지 않고, 기존 C의 switch 문에서는 case문의 효율화를 위해 점프 테이블을 사용한다. if문의 경우 일일이 값의 비교를 실행하지만, switch 문의 경우 그저 값이 case와 '같은지'만비교하게 되니 더욱 빠르게 진행되는 것이다. 따라서 단순히 조건에서 연산이 필요한 경우 if문을 사용, 다단의 if else ladder를 사용하기보단 switch 문을 사용하는게 낫다. 코드 유지보수 측면에서 코드 유지 보수 측면에서 if 문 내의 조건문을 추적하기 상당히 지겹습니다. if문보다 switc..
진짜 하도 까먹어서 정리하기로 했다. 클론코딩 여럿 진행하면서 정말 자주 사용되는 몇개만 간추려 놨고, 그 외에는 아래 첨부된 링크를 참조하길 바란다. 공통적 요소 대부분 콜백 함수에 사용되는 인자는 3개로 아래와 같다. element : 처리할 현재 요소 index : 처리할 현재 요소의 인덱스 값 array : filter를 호출한 배열 (O(N^2) 연산 시 사용될 것) 콜백 함수의 인자로는 아래 세개가 들어가며, 순서도 일치하기에 후에 코딩할 때 숙지하면 좋을 것 같다. Array.prototype.map() 각 모든 요소가 주어진 함수의 결과값을 토대로 재구성 됩니다. arr.map(callback(currentValue[, index[, array]])[, thisArg]) currentVal..
일반적으로 함수는 자바스크립트 문맥 내에서 "this"을 결정지을 때 해당 내용이 큰 영향을 끼칩니다. 따라서 기본적으로 자바스크립트 개발을 한다면 위 내용은 필수적으로 알아야하는 항목 중 하나로 여겨집니다. 기본적으로 자바스크립트에서 함수를 정의하는 방식은 두가지가 있습니다. function keyword 사용하기 arrow function ( () => {} ) 을 통해 정의하기 자바스크립트에서는 함수 또한 객체로 정의 되기에 2의 방식을 사용할 때 기본적으로 const 변수를 선언하여 초기화를 시켜주는 방식으로 이를 정의합니다. function myFunction(param) { return param + 1; } ==================================== const myFu..
본 포스트는 w3school 을 기반으로 작성되었습니다. 개인 필기용으로 작성된 글이므로 난해할 수 있습니다. 부가설명이 필요하다면 언제든지 댓글 달아주세요. 강조 색상 모든 부트스트랩 컴포넌트들에는 강조할 색상을 템플릿으로 만들어 지원해주고 있다. primary success info (하늘색) warning danger secondary dark (어두운색) light (밝은색) background 같은 경우 bg-, text 의 경우 text- 를 앞에 써주고 위에 해당되는 색깔에 따라 강조색상을 입력하면 적용된다. 버튼 말 그대로 요소 내에 클래스로 스타일링할 때 사용되는 컴포넌트이다. 다만 꼭 그렇다고 태그 내에서만 쓰이는 건 아니고, 구현에 따라서는 div 나 span 등 아무 요소 내에 적용..
