목록FrontEnd/Javascript (10)
행복을 담는 블로그
오랜만에 알고리즘 문제 풀다가 그새 다 까먹어 버린 sort 함수 다시 정리하기.✅ sort 문법: 배열의 요소를 정렬할 때 사용하는 문법const arr = [3,1,2];array.sort(); // [1,2,3]sort의 기본 특징1️⃣ 배열 그 자체가 변환2️⃣ 정렬된 배열을 반환sort의 기본 원리: sort 비교 함수의 작동 방식▶️ sort 함수 내부에는 비교함수가 들어간다!Array.prototype.sort()array.sort([compareFunction])매개변수compareFuntion : optional 정렬 순서를 정의하는 함수. 생략하면 배열은 각 요소의 문자열 변환에 따라 유니코드 값에 따라 정렬반환 값 정렬한 배열. 배열이 정렬되는 것. 복사 X MDN 공식문서 참고❓ s..
📕 [Javascript] parseInt( ) 함수 📌parseInt ( ) 함수 : 문자열 인자를 파싱하여 특정 진수의 정수를 반환한다. 1. 기본구조 parseInt(string); parseInt(string, radix); 매개변수 string : 파싱하는 값. 숫자로 반환할 문자열 입력 radix : 문자열의 진수를 나타내는 정수. 2 ~ 36까지의 정수. 반환 값 주어진 string에서 파싱한 정수를 반환한다. **주의** radix가 2보다 작거나, 36보다 큰 경우, 공백이 아닌 문자열의 첫 문자가 숫자가 아닌 경우, 위 경우 NaN(Not a Number)을 반환 ex) // 1. 숫자 -> 숫자 console.log(parseInt(123)); // 123 // 2. 문자열 -> 숫자..
📌 함수 = function(기능) : input과 output이 존재한다. // 선언과 호출 input : 함수의 input = 매게변수 (매개체가 되는 변수!) output : return 문 뒤에 오는 값 : 반환값 ✅ 기본 골격 function (){} 1. 함수 선언 1) 함수 선언문 function 함수이름 (매게변수=input) { // 함수 내부에서 실행할 메인 로직 } ex) // 두 개의 숫자를 입력 받아서 덧셈을 한 후 내보내는 함수 function add(x,y){ return x + y; // return이 있어야 실행 한 후에 값을 받을 수 있다. } 2) 함수 표현식 //왼쪽에 함수의 이름을 add2라고 썼기 때문에, function 뒤에 함수 이름을 안 써도 된다! let a..
✅ Javascript Math.ceil/ floor / round Math.ceil() : 소수점 아랫자리를 올리는 함수 (올림) Math.floor() : 소수점 아랫자리 버리는 함수 (버림) Math.round() : 소수점이 존재 할 때, 소수값에 따라 올리거나 버리는 함수 (반올림) var num = 235.7; console.log(Math.ceil(num)); // 236 console.log(Math.floor(num)); // 235 console.log(Math.round(num)); // 236 📌 Math 객체 : 수학에서 자주 사용하는 상수와 함수들을 미리 구현해 놓은 javascript 표준 내장 객체
📕 Javascript 문법 종합반 1주차 1. JS (자바스크립트) 언어의 역사 및 특징 ▶️ 언어 : 컴퓨터와 사람 사이 소통이 필요 🖥️ Javascript : 브라우저 동작 스크립트 언어 / 브라우저를 움직이게끔 하는 언어. 브라우저 : 자바스크립트를 통해서 많은 동적인 액션을 만들어낼 수 있다. 이를 제어하기 위해서 자바스크립트 언어가 생김. 1) 역사 2005년 AJAX 등장(javascript 기반의 기술) : 효율성, 속도 부족 -> 등장 이후 폭발적인 UX 향상 * UX (User eXperience): 사용자 경험. 사용자들이 얼마나 편리하게 사용하는가 2008년 V8 엔진 출시 (google) : 브라우저 속도 엄청나게 향상 ⬆️ 2009년 Node.js 등장 ▶️ FullStack ..
📕 Javascript 배열과 배열 메소드 1. 배열 (array) 생성 1) 기본적인 배열 생성 방법 객체는 그냥 just 나열 배열은 index(순서)를 가지고 있다. 0번째부터 시작 대괄호 [ ] : 배열 생성 쉼표(,) : 이용해서 구분 let fruit = ["사과", "바나나", "오렌지"]; console.log(fruit.length); // 3 2) 크기 지정 let number = new Array(5); console.log(number); // ▶️ 크기가 5인 배열을 만들어줘. 2.요소 접근 객체에서는 key로 접근 배열에서는 index로 접근 : [ ] 대괄호 안에 인덱스 값 입력 let fruit = ["사과", "바나나", "오렌지"]; console.log(fruit[0])..
📕 Javascript 객체와 객체 메소드 📌 객체 (object) 란? : key-value pair 형태를 가진 데이터 타입 하나의 변수에 여러개의 값을 넣을 수 있다! value에 올 수 있는 data type의 형식에는 제한이 없다! 1. 객체 생성 방법 1) 기본적인 객체 생성 방법 중괄호{} : 객체 생성 콜론(:) : key : value 작성 쉼표(,) : key-value pair 구분 let person = { name:'홍길동', age : 30, gender : "남자", }; 2) 생성자 함수를 이용한 객체 생성 방법 function Person(name, age,gender){ this.name = name; this.age = age; this.gender = gender; }..
📕 Javascript 조건문 - if, else if, else, switch 1. if 문 1) if 문 기본 형태 if (조건 : true 또는 false가 나올 수 있는 조건) { // main logic } ex 1) let x = 10; if (x > 0){ // main logic console.log("x는 양수입니다."); // x는 양수입니다. } ex 2) let y = "hello world"; // y의 길이가 5보다 크거나 같으면 길이를 console.log로 출력 if (y.length >= 5){ console.log(y.length); // 11 } 2) if - else 문 let x =-3; if(x > 0){ // main logic #1 : if 문의 조건이 true..