자바스크립트
[코드 워즈] 4. Stop gninnipS My sdroW!
문제 문장 내 단어 중 5자 이상의 단어일 경우 이를 역순으로 전환하여 새로운 문장을 반환하는 함수를 만들기. 문제 주소: www.codewars.com/kata/5264d2b162488dc400000001/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 spinWords(strings){ let newString = []; newString = strings.s..
자바스크립트 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, 빈 배열일 경우 ..
[코드워즈] 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..
HTML에 자바스크립트를 연결하는 세 가지 방법 ✔️
HTML 문서에서 다음 세 가지 방법으로 자바스크립트 코드를 연결할 수 있습니다. 1. script 태그 내에 직접 작성 이때, HTML 4.x 버전의 경우 아래와 같이 그러나 HTML 5의 경우에는 자바스크립트가 기본 언어로 지정되어 있기 때문에 이러한 속성을 부여해 주지 않아도 됩니다. 2. 외부 파일 추가 HTML 파일 내에 직접 코드를 작성하지 않고 싶다면, 다음과 같이 별도의 외부 파일로 자바스크립트를 삽입할 수 있습니다. 이처럼 외부 파일을 통해 자바스크립트를 추가할 경우, HTML과 코드가 분리되어 관리가 용이하며, 내부에 직접 자바스크립트를 추가하는 것보다 페이지 로딩 속도가 빨라질 수 있습니다. 참고 자료 w3schools - JavaScript Where To Tutorial Teach..
자바스크립트 동기/비동기 차이점은 무엇일까요?
자바스크립트는 싱글 스레드(single thread) 방식으로 코드를 처리합니다. 스레드란 프로그램이 작업을 완료하는 데 사용하는 하나의 선로 같은 것인데, 각 스레드는 한 번에 하나의 작업만 순차적으로 수행할 수 있습니다. 즉, 하나의 작업이 완료되어야 다음 작업을 실행할 수 있는 구조인 것입니다. 이는 보통 오늘날의 컴퓨터가 멀티 스레드(multi thread)로 동시에 여러 작업을 처리하는 것과 다릅니다. 동기적 자바스크립트 앞서 언급한 것처럼 자바스크립트는 싱글 스레드를 사용하기 때문에, 기본적으로 동기적으로 코드를 처리합니다. const name = "Hwi" const age = "31" const nationality = "South Korea" console.log(name); // -> ..
자바스크립트 sort() 메소드 사용 방법 정리
자바스크립트의 sort() 메소드는 특정 배열을 정렬하고, 정렬된 배열을 리턴합니다. 기본 정렬은 오름차순이며, 요소를 문자열로 전환한 다음 UTF-16 코드 단위 값을 따라 이를 비교합니다. 배열 정렬 먼저, 문자가 담겨 있는 배열을 정렬해보도록 하겠습니다. const fruits = ["pineapple", "cherry", "apple"]; fruits.sort(); console.log(fruits); // Array ["apple", "cherry", "pineapple"] 다음으로 숫자가 담겨 있는 배열을 정렬해 보도록 하겠습니다. const numbers = [1, 30, 4, 21, 10000]; numbers.sort(); console.log(numbers); // Array [1, 1..
자바스크립트 메모이제이션 설명
메모이제이션이란? 메모이제이션은 함수의 호출 결과를 캐싱하여, 동일한 아규먼트로 함수가 재호출될 때 저장해두었던 값을 리턴하는 방식입니다. 이는 자바스크립트 뿐만이 아닌, 여러 프로그램 언어에서도 흔하게 사용됩니다. 메모이제이션은 특별히 재귀 함수에서 유용하게 사용될 수 있습니다. function factorial(num) { if(num === 1) { return 1; } return num * factorial(num - 1); } factorial(3) factorial(3)을 통해 factorial(3), factorial(2), factorial(1)이 실행됩니다. 메모이제이션을 활용하면, 다음 번에 factorial(3) 실행 시 재귀 함수를 반복하지 않아도 됩니다. 또한 factorial(..
자바스크립트 클로저 설명, 예시, 활용
자바스크립트의 모든 함수는 함수가 선언된 당시의 주변 환경을 기억합니다. 여기서 주변 환경이란 함수가 정의된 상위 스코프, 즉 실행 컨텍스트를 의미합니다. 이는 함수를 호출하는 위치가 아닌, 선언된 위치에 따라 결정되며, 따라서 함수는 언제나 상위 스코프의 식별자를 참조하고, 이에 할당된 값을 변경할 수 있습니다. 클로저란? 클로저는 함수와 해당 함수가 참조하고 있는 주변 환경(렉시컬 환경)과의 조합이다. 다른 말로 하자면, 클로저 기능은 내부 함수에서 외부 함수 스코프에 접근할 수 있게 하는 것이다. 자바스크립트에서 클로저는 함수가 생성될 때마다, 함수가 생성되는 시점에 생성된다. A closure is the combination of a function bundled together (enclose..
