프론트엔드 개발/Javascript

자바스크립트 - 진수 변환, Math 라이브러리

변환 toString() 숫자를 문자열로 변환한다. (진수 변환 가능) let a = 10; a.toString(); 10 → "10" a.toString(2); 10 → "1010" a.toString(255); 16 → "ff" parseInt() 숫자+문자열 형태를 숫자만 뽑아서 반환 (진수 변환 가능) let b = "100cm"; parseInt(b); 100 Number(b); NaN let c = "f1"; parseInt(c); NaN parseInt(c, 2); 2진수로 변환 parseInt(c, 16); 16진수로 변환 parseFloat() 숫자+문자열 형태를 (소수점 포함한) 숫자만 뽑아서 반환 (진수 변환 가능) let b = "100.5cm"; parseFloat(b); 100...

자바스크립트 - 심볼

심볼 (Symbol) 유일성을 보장하는 식별자 원본 객체 건드리지 않고 새 프로퍼티/메소드 추가해야하는 경우에 사용할 수 있다. const a = Symbol(); const b = Symbol('bob'); 설명 붙여주기 b.description; 심볼 id값 가져오기 const user = { name : "bob", age : 10, [id] : 'id' 심볼로 만든 키를 가진 프로퍼티 } Object.keys(user); ['name','age'] 심볼은 보이지 않는다. Object.getOwnPropertySymbols(user); 심볼만 보여준다. Relfect.ownKeys(user); 심볼 포함하여 모든 키 보여준다. 전역 심볼 Symbol.for() 전역 심볼 : 반드시 하나의 심볼만 보..

자바스크립트 - 배열

배열 (Array) 배열에는 숫자, 문자열, 객체, 함수 모두 포함가능함. 자바스크립트에서 배열은 객체로 인식된다. let stduents = ['짱구','철수','훈이','맹구','유리']; # 접근 방법 stduents[0]; (짱구) stduents[1]; (철수) stduents[2]; (훈이) stduents[3]; (맹구) stduents[4]; (유리) # 수정 방법 stduents[0] = "액션가면" stduents[1] = "흰둥이" # 추가 방법 stduents.push('값') # 배열 맨끝에 값 추가 stduents.push('값1','값2') # 배열 맨끝에 여러 값 추가 stduents.unshift('값') # 배열 맨앞에 값 추가 stduents.unshift('값1','값..

자바스크립트 - 객체

객체 (Object) const student={ name='bob', age=10, } # 접근 방법 student.name student['age'] student['hobby'] # undefined 반환 # 존재 확인 방법 'hobby' in student # boolean(true/false) 반환 # 추가 방법 student.name = 'sam' student['age'] = 15 # 삭제 방법 delete student.age delete student['age'] 반복 const student={ name='bob', age=10, } # for in 문 : 객체의 key값을 차례로 반환 for(key in studnet){ console.log(studnet[key]) } 'bob' 1..

자바스크립트 - 함수

함수 함수 선언문 자바스크립트는 코드 실행 전 초기화 단계에서 미리 함수 선언문을 모두 찾아서 선언+초기화한다. 그래서 함수 호출이 선언보다 앞에 와도 미리 찾아둔 함수 선언문을 보고 호출 가능하다. (호이스팅) function show(val){ console.log(val); } show('hi'); 'hi' show('bye'); 'bye' # return 명시하지 않아도 자동으로 return 들어감 # return 값이 없으면 undefined 반환 function show(){ console.log('hihi'); } a = showSomething(); console.log(a); 'undefined' # 매개변수 디폴트 값 (매개변수 없을때 기본값으로 들어감) function show(val..

자바스크립트 - 기본문법

입출력 사용자에게 입력받기 const val = prompt("입력해주세요") "입력해주세요" 문구 출력 비어있는 사용자 입력창 (취소/확인) 1. 취소 선택시 null 반환 2. 확인 선택시 입력창 내용 문자형으로 반환 const val = prompt("입력해주세요", "abc") "입력해주세요" 문구 출력 "abc"가 들어있는 사용자 입력창 (취소/확인) 사용자에게 확인받기 const val = confirm("선택하시겠습니까?") "선택하시겠습니까?" 문구 출력 (취소/확인) 1. 취소 선택시 false 반환 2. 확인 선택시 true 반환 사용자에게 경고창 보여주기 const val = alert("경고") "경고" 문구 출력 (확인) 콘솔창에 내용 출력 console.log("출력 내용") "..