차근차근 배움터

concat concat은 배열을 합치는 거라고 보면 된다 예제만으로도 쉽게 이해가 가능하다 const array1 = ['a', 'b', 'c']; const array2 = ['d', 'e', 'f']; const array3 = array1.concat(array2); console.log(array3); // Expected output: Array ["a", "b", "c", "d", "e", "f"] slice() 배열을 자르는 것으로 slice(a, b) 일경우에 a 이상 c 미만의 요소들을 담는다 a, b가 음수일 경우는 뒤에서부터 생각하면 된 const animals = ['ant', 'bison', 'camel', 'duck', 'elephant']; console.log(animals..

메서드 find()는 제공된 테스트 기능을 만족하는 제공된 배열의 첫 번째 요소를 반환합니다. 테스트 기능을 만족하는 값이 없으면 undefined 반환됩니다. const array1 = [5, 12, 8, 130, 44]; const found = array1.find(element => element > 40); const index = array1.findIndex(element => element > 12); console.log(found); console.log(index); // 출력 // 130 // 3 요소가 하나만 출력된다

Generics, Any 차이 타입을 변수로 활용해서 return 되는 타입과 연관시키면 좋다는 아이디어에서 generic의 개념이 나타났다 function helloString(message: string): string { return message; } function helloNumber(message: number): number { return message; } function hello(message: string | number) : string|number { return message; } function helloAny(message: any): any { return message; } console.log(helloAny(123)); console.log(helloAny('one..

TypeScript를 사용하는 이유 TypeScript는 JavaScript의 상위 집합 언어로, 정적 타입 지원, 클래스, 인터페이스, 모듈 등과 같은 기능을 제공합니다. TypeScript를 사용하는 이유는 다음과 같습니다. 1. 코드 유지 보수성 향상 TypeScript는 정적 타입 검사를 지원합니다. 이는 코드에서 발생할 수 있는 오류를 미리 예방하여 디버깅 시간을 단축하고 코드 유지 보수성을 높여줍니다. 2. 생산성 향상 TypeScript는 타입을 명시함으로써 코드를 이해하기 쉽게 만들어줍니다. 또한 코드 자동 완성 기능을 지원하여 개발자의 생산성을 높여줍니다. 3. 확장성 및 모듈화 TypeScript는 ES6 모듈 및 네임스페이스를 지원하므로 확장성이 높은 애플리케이션을 개발할 수 있습니다..

[JS] null과 undefined 차이 소개 JavaScript에서 null과 undefined는 매우 흔한 용어입니다. 이 둘은 모두 "값이 없음"을 나타내지만, 그 차이점은 무엇일까요? null null은 원시 데이터 유형으로, 값이 없음을 나타내는 데 사용됩니다. 변수를 선언하고 값을 할당하지 않았거나, 변수에 null을 할당하여 값이 없음을 나타낼 수 있습니다. 예를 들어: let foo = null; console.log(foo); // null undefined undefined는 변수가 선언되었지만, 값을 할당하지 않은 경우에 발생합니다. 함수에 매개변수를 전달하지 않은 경우나, 객체의 속성에 값이 없는 경우도 undefined가 반환됩니다. 예를 들어: let bar; console.l..

아주 복잡해 보이는 정규표현식을 간단하게 쉬운 것 위주로 정리해 보았다 정규 표현식 (RegExp) 정규식, Regular Expression 역할 문자 검색(search) 문자 대체(replace) 문자 추출(extract) 테스트 사이트 regex101: build, test, and debug regex Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET. regex101.com RegExr: Learn, Build, & Test RegEx RegExr is an online tool to learn, build, & te..

그냥 html에서 body 태그에다가 아래와 같이 작성하면 된다 자바스크립트를 이용해서 넣고 싶다면 요소를 선택해서 setAttribute를 이용하면 끝 body 태그는 어떻게 선택하나했는데 그냥 document 하고 .body하면 된다 document.body.setAttribute("onselectstart", "return false;");

메뉴 상단바의 항목을 클릭하면 자동으로 스윽 내려가게 하는 기능을 하기 위해서는 좌표 값을 가져와야 한다. 그리고 요소의 절대 좌표를 구하기 위한 공식은 아래와 같다. const absoluteTop = window.pageYOffset + element.getBoundingClientRect().top;

defer 속성이 추가된 경우의 실행 defer 속성은 HTML 구문 분석이 완전히 완료되면 스크립트 파일을 실행하도록 브라우저에 지시한다. 즉 일반적으로는 모든 파일이 다 로딩되기 전에 html이 실행되지 않는데 defer를 입력하면 script 파일이 나중에 실행되도록 한다. 따라서 script 파일 로딩을 기다릴 필요 없이 html이 로딩될 수 있다

웹사이트를 만들 때 "Contact 연락하기" 항목을 자주 볼 수 있다. 나도 연습삼아 만들어 봤고 실제 구동을 위해서 어떻게 작동되나 연습해봤다 혼자 문서 보고 따라하는 건 늘.... 무언가 헷갈린다 물론 연습하면서는 아래와 같은 템플릿으로 테스트했다. 아래 EMAIL JS 웹사이트에 들어가면 공식문서까지 확인해 볼 수 있다. 하루 200건까지 무료라서 가입 이후에 무료 서비스를 이용할 수 있다. Send email directly from your code | EmailJS No server side code required. Add static or dynamic attachments, dynamic parameters, captcha code and more. Start with our free ..