TIL/JavaScript
-
[TIL] 클래스, 배열, 리스트럭처링, 스프레드 연산자, for...of문TIL/JavaScript 2023. 9. 3. 01:10
자바스크립트 클래스 클래스는 객체를 만들기 위한 청사진 역할을 한다. const user = { name: "Max", age: 34, greet() { console.log("Hello!"); console.log(this.age); } } user.greet() // Hello\n 34 class User { contstructor(name, age) { this.name = name; this.age = age; } greet() { console.log("Hello!"); console.log(this.age); } } const user1 = new User("Max", 34); user1.greet(); // Hello\n 34자바스크립트 배열 findIndex와 map 메서드가 빈번하게 사용..
-
[TIL] 자바스크립트 함수TIL/JavaScript 2023. 8. 29. 08:52
자바스크립트에서 함수는 특정 위치에 미리 선언해놓고 나중에 호출할 때 반복해서 동일한 코드를 사용할 수 있도록 해줍니다. 함수 선언법 크게 2가지 방법으로 함수를 선언할 수 있습니다. 하나는 function 키워드를 이용하는 것이고 다른 하나는 화살표 표기법을 이용하는 것입니다. 함수는 항상 하나의 반환값을 가지지만 명시하지 않으면 undefined가 자동으로 반환됩니다. ex) function 키워드 function greet(name) { console.log("Hello", name); } ex) 화살표 함수 (name) => { console.log("Hello", name); } 디폴트 매개변수 함수 이름 뒤의 괄호에는 함수를 호출할 때 함수 안에서 사용할 수 있도록 넘겨주는 매개변수를 적습니다..
-
[TIL] 페이지에 자바스크립트 추가하기TIL/JavaScript 2023. 8. 25. 07:05
자바스크립트는 다양한 환경에서 실행될 수 있다. 브라우저 (웹사이트) 컴퓨터 (Node.js 혹은 Deno 이용 Server-side code 실행) 모바일 기기 (Capacitor 혹은 React Native로 작성) 📘웹사이트에 자바스크립트 코드 추가하기 - 일반적으로 짧은 스크립트를 추가할 때만 사용한다. - HTML과 JavaScript 코드를 분리할 수 있도록 해준다. 주의) defer 속성을 추가하면 HTML이 모두 로딩된 이후에 스크립트를 불러온다. (섹션 밑에 작성하는 것과 같은 효과) 자바스크립트 파일을 모듈로 취급한다. Import/Export 문법을 사용할 수 있다.(script.js에 다른 자바스크립트 파일을 가져올 수 있음) ※ 리액트에서는 빌드 프로세스에서 자동으로 script를..
-
자바스크립트로 알고리즘 문제 입/출력 다루기TIL/JavaScript 2023. 7. 4. 10:21
코딩테스트에서는 대표적으로 C++ / Java / Python 세 가지 언어가 많이 사용됩니다. 프로그래머스의 코딩 테스트 연습 언어 트렌드 리포트를 보면 그 인기도를 한 눈에 알 수 있습니다. 2022 코딩 테스트 연습 언어 트렌드 리포트 | 프로그래머스 (programmers.co.kr) 2022 코딩 테스트 연습 언어 트렌드 리포트 코딩 테스트 문제를 풀 때 어떤 언어를 가장 많이 선택할까요? 프로그래머스 코딩 테스트 연습 문제 풀이에 참여한 사람들을 통해 어떤 언어가 가장 인기 있는지 확인해 보세요. programmers.co.kr 여기서 눈에 띄는 점은 결코 알고리즘 문제를 푸는데 최적화되어있다고 볼 수 없는 자바스크립트가 포함되어있다는 점입니다. 강력한 성능의 C++, 있을 건 다 있는 Jav..