전체 글
자바스크립트 join() 메소드 설명: 배열 요소를 문자열로 연결하기
join() 메소드는 배열 또는 유사 배열의 모든 요소를 연결하여 새로운 문자열을 반환합니다. 콤마 또는 특별한 연결자 문자를 지정해줄 수 있으며, 배열 내 요소가 하나일 경우 연결자 없이 문자열이 반환됩니다. const elements = ['Fire', 'Air', 'Water']; console.log(elements.join()); // "Fire,Air,Water" console.log(elements.join(, )); // "Fire, Air, Water" console.log(elements.join('')); // "FireAirWater" console.log(elements.join('-')); // "Fire-Air-Water" 요소가 undefined, null, 빈 배열일 경우 ..
[코드 워즈] 3. Create Phone Number
문제 0부터 9로 구성된 배열을 전화 번호로 출력하기. 첫 세 자리는 괄호 안에 포함되어야 하며, (032) 3872 6672와 같은 형식으로 출력되어야 한다. 문제 주소: www.codewars.com/kata/525f50e3b73515a6db000b83 Codewars: Achieve mastery through challenge Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential. www.codewars.com 내 풀이 function createPhoneNumber(numbers){ numbers = `(${numbers[..
[코드워즈] 2. Find The Parity Outlier
문제 홀수 또는 짝수로만 이뤄진 배열에서 단 하나의 숫자만 홀수 또는 짝수가 아니다. 이 숫자를 찾기. www.codewars.com/kata/5526fc09a1bbd946250002dc/train/javascript Codewars: Achieve mastery through challenge Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential. www.codewars.com 내 풀이 function findOutlier(integers) { let evenNumber; let oddNumber; evenNumber = inte..
[코드워즈] 1. List Filtering
문제 문자열과 숫자열이 섞인 배열에서 숫자만 필터링하여 새로운 배열로 리턴하기. www.codewars.com/kata/53dbd5315a3c69eed20002dd Codewars: Achieve mastery through challenge Codewars is where developers achieve code mastery through challenge. Train on kata in the dojo and reach your highest potential. www.codewars.com 내 풀이 function filter_list(l) { let result = []; for (let i = 0; i < l.length; i++) { if(typeof(l[i]) === 'number') {..
자바스크립트 filter() 메소드 설명
filter() 메소드는 특정 함수를 통과하는 값을 새로운 배열로 만들어 줍니다. 이를 통해 배열 요소 중 특정한 기준을 만족하는 요소들을 포함하는 새로운 배열을 생성할 수 있습니다. const words = ['cool', 'happiness', 'voice', 'chocolate', 'sleepy'] const result = words.filter(word => word.length > 6); console.log(result); // [happiness, chocolate] 다음은 MDN에서 제공하는 filter() 메소드 사용 예시입니다. 1. 10보다 큰 숫자 찾기 function isBig(value) { return value >= 10 } let filtered = [12, 5, 1, 1..
혁명 말고 디자인 ⏐ 일상 에세이 ⏐ 31
우리는 때로 변화를 원한다. 방의 가구 배치 변화에서부터 아침에 일어나는 습관, 반복되는 일상과 이를 이어가는 자신에 대한 근본적인 변화에 이르기까지 변화를 갈망하는 범위는 다양하다. 어쩌면 변화를 갈망한다는 건 인간에게 필수적인 능력일지도 모른다. 변화를 갈망하지 않는다면, 우리에게 주어진 ‘시간’은 밋밋하고 단조롭게 경험되며 그저 흘러가 버릴 것이기 때문이다. 시간이 경험되지 못하는 곳에는 현실의 삶이 존재하지 않는다. 변화를 이끌어내는 방법은 크게 두 가지다. 혁명과 디자인. 혁명은 기존의 구조를 뒤집어엎는 것이다. 건축으로 따지면 재건축처럼 기존의 건물을 헐고 새로운 건물을 짓는 것이다. 매력적이고 그럴싸하지만 현실적으로 쉽지는 않은 방법이다. 두 번째 방법은 디자인이다. 이는 인테리어에 비유할 ..
자바스크립트 즉시 실행 함수(IIFE)란?
즉시 실행 함수(Immediately Invoked Function Expression)은 선언과 동시에 실행되는 함수입니다. (function () { statements })(); 즉시 실행 함수는 자가 실행 익명 함수(Self-Excuting Anynomous Function)로 알려진 설계 패턴이며, 다음과 가이 크게 두 부분으로 구성됩니다. 첫 번째는 함수를 감싸는 그룹핑 연산자 () 안에 갇히는 렉시컬 스코프를 갖는 익명 함수입니다. 이는 즉시 실행 함수 내 함수에 접근을 막고, 글로벌 스코프를 오염시키지 않도록 합니다. (function () { var aName = "Barry"; })(); aName // "Uncaught ReferenceError: aName is not defined..
HTML에 자바스크립트를 연결하는 세 가지 방법 ✔️
HTML 문서에서 다음 세 가지 방법으로 자바스크립트 코드를 연결할 수 있습니다. 1. script 태그 내에 직접 작성 이때, HTML 4.x 버전의 경우 아래와 같이 그러나 HTML 5의 경우에는 자바스크립트가 기본 언어로 지정되어 있기 때문에 이러한 속성을 부여해 주지 않아도 됩니다. 2. 외부 파일 추가 HTML 파일 내에 직접 코드를 작성하지 않고 싶다면, 다음과 같이 별도의 외부 파일로 자바스크립트를 삽입할 수 있습니다. 이처럼 외부 파일을 통해 자바스크립트를 추가할 경우, HTML과 코드가 분리되어 관리가 용이하며, 내부에 직접 자바스크립트를 추가하는 것보다 페이지 로딩 속도가 빨라질 수 있습니다. 참고 자료 w3schools - JavaScript Where To Tutorial Teach..