Front-End/JavaScript

[자바스크립트 기본] 자바스크립트 변수 선언 var/let/const (var를 사용해선 안되는이유)

대다수 자바스크립트 어플리케이션(Application)은 사용자 또는 서버로부터 받은 정보를 처리하는 방식으로 동작한다. 예시) 온라인 쇼핑몰 - 판매중인 상품이나 장바구니 등의 데이터를 이용해서 결제창으로 넘어감 채팅 어플 - 사용자, 메시지 등의 데이터를 이용해서 서로 대화할 수 있는 채팅장을 동작함 이러한 데이터를 저장하는 용도로 사용되는 것이 '변수(Variables)'이다. 다양하고 수시로 바뀌는 데이터들을 저장도 없이 막 보내게 되면 지저분해지고 관리가 어려워질 것이다. 변수(Variables) 변수(variables) : 데이터(data)를 저장할 때 쓰는 이름이 붙은 저장소 1. let 을 이용한 변수선언 let message; // let은 변수를 생성할때 사용, 현재 message라는 ..

[자바스크립트 기본] 자바스크립트 자료형 Map 개념정리

백준 문제를 단계별로 풀어가다 보면 집합과 맵에서 set과 map을 이용해서 알고리즘을 풀어야 했다. 배열로 풀수 있지만 시간이 초과됐다. 다른 자료구조가 필요하다!!! 다른 자료구조를 공부해보자...!!!! 저번에는 set에 대해서 정리해봤으니 map에 대해서 정리해보겠다. map과 set을 왜 쓸까 알아보니 현실세계를 반영하기 위해서는 객체와 배열만으로는 역부족이었다. 그러므로 새로운 자료구조인 Map과 Set을 이용하게 됐다고 한다. 1. Map 개념 key와 가 있는 data를 저장 ➡️ 객체와 유사 key에 다양한 자료형(boolean, number, string, object)을 허용 ➡️ 객체와 다른 점 2. 주요 메서드(Method) 2-1. 주요 메서드 new Map() : Map을 생성..

[자바스크립트 기본] 자바스크립트 자료형 Set 개념정리

이 포스팅은 이 문제로부터 시작되었다. [JS] 백준 10815번 : 숫자 카드 Question 백준 10815번 : 숫자 카드 숫자 카드는 정수 하나가 적혀져 있는 카드이다. 상근이는 숫자 카드 N개를 가지고 있다. 정수 M개가 주어졌을 때, 이 수가 적혀있는 숫자 카드를 상근이가 가지고 hawaiian-pizza-it.tistory.com 자료형 Set을 이용해서 풀어야 했던 알고리즘 문제 Set니가뭔데 몰라서 틀리게 만드냐 그러니까 지금부터 알아보자 1. Set 개념 Set은 중복을 허용하지 않는 값을 모아놓은 특별한 컬렉션 Key가 없는 값이 저장 2. 주요 메서드(Method) 2-1. 주요 메서드 new Set(iterable) : Set을 생성. 이 트러블 객체를 전달받으면(대개 배열) 그 ..

[자바스크립트 기본] 배열(Array)의 개념과 예시 (feat.드림코딩)

자바스크립트로 알고리즘을 풀면서 느낀 점 배열을 제대로 알아야겠다. 그래서 정리해본다. 덤벼라 배열

[자바스크립트 기본] 알아두면 유용한 배열 Array 메소드 정리 (feat.드림코딩)

알고리즘 문제를 풀다보면 배열메소드를 사용해야 할때가 많다. 다른 사람들의 풀이를 보면 새로운 메소드들과 활용법을 보며 감탄이 나온다. 새로운 메소드들도 공부할겸사겸사 자바스크립트 배열 메소드를 정리해본다. 덤벼라 배열 메소드!! 1. 배열(Array) 데이터의 순서가 있는 집합이다. 배열은 하나의 변수의 여러 개의 값을 저장할 수 있다. let numArr = [1, 2, 3, 4]; console.log(numArr); // [1, 2, 3, 4] 2. 배열 (Array) 메소드 와 예시 2-1. toString 배열의 있는 요소를 문자열로 변환 let arr = [1,2,3,4] console.log(arr.toString()); // 1,2,3,4 let arr2 = ['a', 'b', 'c', ..

[자바스크립트 기본] 알아두면 유용한 Math 메소드 정리, 로또번호 추출기

1. Math객체 Math객체는 수학에서 자주 사용되는 상수의 함수들을 구현해놓은 자바스크립트의 표준 내장 객체이다. 1-2. Math객체 특징 Math객체는 Number 자료형만 지원하며 BigInt와는 사용할 수 없다. (BigInt : Number보다 큰 정수를 표현할 수 있는 내장객체) constrctor(생성자)가 없다 instance를 생성하지 않고 바로 Math객체의 모든 메소드와 프로퍼티를 사용할 수 있다. 2. 대표적 Math 메소드와 예시 2-1. Math.floor(num) ➡️ Number 인수의 소수점 이하를 내림하여 정수를 반환 음수일 경우 소수점 이하를 내림한 후 -1 한 정수를 반환 Math.floor(1.6); //1 Math.floor(1.2); //1 Math.floor..

[JS] 노마드 코더 : 바닐라 자바스크립트 챌린지 후기

목차 1. 챌린지 후기 2. 강의소개 3. 챌린지소개 4. 유익했던 기능 1. 챌린지 후기 자바스크립트 챌린지가 끝났다...!!!!! 챌린지 두 번째 날 노마드 코더 챌린지가 있었던걸 까먹어서 하루를 빼먹었다