본문 바로가기
반응형

개발/javascript11

자바스크립트 - string 대문자로 변경 toUpperCase(), 소문자로 변경 toLowerCase() 자바스크립트에서 string(문자열)을 모두 대문자로 변경하려면 toUpperCase(), 소문자로 변경하려면 toLowerCase() 문자열 메소드를 사용하면 됩니다. toUpperCase(), toLowerCase() 자바스크립트에서는 문자열에 사용할 수 있는 많은 메서드가 있습니다. 그 중 영어로 된 문자열은 toUpperCase(), toLowerCase() 메소드를 사용하여 각각 대문자, 소문자로 변경할 수 있습니다. toUpperCase() toLowerCase() toUpperCase() toUpperCase() 는 문자열 내의 모든 문자를 대문자로 변경합니다. const str = "i want money a lot."; //toUpperCase() upper_str = str.toUppe.. 2023. 1. 14.
자바스크립트 - 소수점 자리수 처리 방법, 반올림하는 toFixed() toFixed 는 자바스크립트에서 소수점 자리수를 제한할 수 있는 매소드 입니다. toFixed toFixed 는 매개변수로 소수점 자리수를 채워주면 그 자리수 만큼 반올림하여 문자열로 리턴해주는 소수점 처리 매소드입니다. toFixed toFixed 자바스크립트에서 실수 계산을 할 경우 소수점이 길게 리턴되는 경우가 많습니다. 이때 toFixed로 자리수를 제한하여 값을 표현할 수 있습니다. // 실수 let num = 1.235; // toFixed(자리수 제한) console.log(num.toFixed(2)); 1.235에서 소수점 둘째자리까지 반올림한 결과 입니다. 아래의 num_2는 4로 끝나는 실수로 반올림하여도 값이 오르지 않습니다. toFixed 리턴 값 toFixed 매소드는 결과값으로.. 2022. 11. 14.
자바스크립트 - 객체에 특정 키(속성)가 존재하는지 확인하는 방법 중괄호 {} 로 된 자바스크립트 객체에서 키를 찾는 방법은 Object 의 keys 사용, key in Object 활용 그리고 hasOwnProperty를 사용하는 방법이 있습니다. 자바스크립트 키 확인 방법 자바스크립트를 이용하여 프로젝트를 진행하다보면 객체 형태의 데이터를 많이 다루게 되고, 로직에 따라 키 값을 찾아야할 경우가 많습니다. 제시된 3가지 형태에서 편한 방법으로 사용하면 되겠습니다. Object.keys + include key in Object hasOwnProperty Object.keys + include Object 모듈을 사용하여 객체의 key 값들을 배열로 가져옵니다. 이 후 배열 중 원하는 키값이 포함되었는지 include를 사용하여 확인합니다. // 객체 예시 const.. 2022. 11. 11.
자바스크립트 기초 ep.8 - 자료구조 관점에서의 객체(object) 프로그래밍 언어에서 객체는 객체 지향 프로그래밍에서 데이터와 함수를 한 덩어리로 다루는 개념으로 배우지만, 여기에서는 자료구조 관점으로서의 객체를 이해하도록 하겠습니다. 자바스크립트 자료구조 관점에서의 객체(object) 자바스크립트에서 배열의 경우 인덱스를 기반으로 값을 저장 및 처리하는 개념이라면, 객체는 키를 기반으로 값을 저장하는 개념입니다. 파이썬에서의 딕셔너리와 유사하나, 자바스크립트는 함수를 값으로 가질 수 있습니다. 객체 선언(객체 리터럴) 객체에 새 속성 추가하는 방법 객체 원소 접근 객체 원소 수정 및 삭제 객체 순회 (반복문으로 원소 접근, for ~ in) 객체는 모든 타입의 값을 저장할 수 있음 객체 선언 (객체 리터럴) 빈 객체는 두가지 방법으로 생성할 수 있습니다. // 빈 객.. 2022. 5. 10.
자바스크립트 기초 ep.7 - 자료구조 - 배열(array) 자료구조는 데이터와 데이터를 처리하는 함수들의 모임입니다. 그 중 배열은 데이터의 추가된 순서가 유지되고 중복을 허용하는 자료구조 입니다. 자바스크립트 자료구조 - 배열(array) 배열은 순서대로 값을 저장하는 자료구조 입니다. 배열의 생성 및 데이터에 접근하고 다루는 방법들을 살펴보겠습니다. 배열 생성 ... 연산자 (Spread Operator) 인덱싱 (indexing)과 대입 배열의 길이 또는 원소의 개수 구하는 방법 배열 추가, 추출 함수 (push, pop) 배열 생성 배열을 생성하는 방법은 2가지가 있습니다. // 빈 배열 생성 [] var arr1 = []; console.log(arr1); // 빈 배열 생성 new Array() var arr2 = new Array(); console.. 2022. 4. 28.
자바스크립트 기초 ep.5 - 입력 (prompt, confirm) 자바스크립트에서 사용자로부터 입력을 받기 위해 prompt 함수를 사용합니다. confirm은 사용자로부터 확인 받아 true, false 값을 리턴해주는 함수입니다. 자바스크립트 입력 (prompt, confirm) 다른 언어와 마찬가지로 자바스크립트에도 사용자로부터 입력 받는 prompt 함수가 있습니다. prompt 함수는 별도의 팝업창을 띄워 사용자로부터 입력을 받습니다. confirm 함수는 별도의 팝업창에서 확인, 취소 두가지 옵션을 주어 사용자로부터 true, false 값을 리턴 받습니다. prompt 함수 comfirm 함수 prompt 함수 사용자로부터 입력받기 위해 prompt 함수를 사용하면 입력창이 팝업됩니다. 입력 받은 내용을 변수에 저장하여 사용하면 됩니다. // prompt .. 2022. 4. 27.
자바스크립트 기초 ep.4 - $ (달러) 기호를 이용한 템플릿 스트링(template string) $ (달러) 기호는 자바스크립트에서 다양한 의미로 쓰이는 기호입니다. 그 중 템플릿 스트링(template string)으로 사용하는 방법을 알아보겠습니다. 템플릿 스트링은 변수를 포함하여 복잡해질 수 있는 문자열(string)을 직관적이고 단순하게 표기하는 방법입니다. $ 달러 기호를 이용한 템플릿 스트링 템플릿 스트링은 백틱(`, 키보드상 물결표)을 이용하여 중괄호에 $ 기호를 붙여 변수명을 그대로 보여주는 방법입니다. 즉 문자열에 변수명을 포함하여 합칠 때 표현하는 표기방법 입니다. + 기호를 이용한 복잡한 문자열 표기 방법 $ 달러 기호를 이용한 템플릿 스트링 표기 방법 + 기호를 이용한 복잡한 문자열 표기 방법 문자열은 + 를 이용하여 문자열 뒤에 문자열을 붙여나갈 수 있습니다. var name.. 2022. 4. 26.
자바스크립트 기초 ep.3 - 변수명 표기법 (카멜 케이스, 스네이크 케이스) 변수명이 해당 변수를 쉽게 설명할 수 있게 하려면 보통 여러 단어로 이뤄질 가능성이 높습니다. 이때 사용하는 두가지 방법으로 카멜케이스(camelCase) 와 스네이크 케이스(snake_case) 가 있습니다. 자바스크립트 변수명 표기법 (카멜 케이스, 스네이크 케이스) 변수명은 몇가지 제약사항을 제외하고 자유롭게 작명할 수 있습니다. 하지만 일정한 규칙없이 변수명을 만들어가다보면 수 많은 변수를 사용하는 코드 내에서 혼란스럽고, 유지보수에 어려움을 겪을 수 있습니다. 이러한 점을 극복하기 위해 대표적으로 카멜 케이스와 스네이크 케이스를 사용합니다. 이 두가지는 자바스크립트 뿐만 아니라 모든 프로그래밍 언어에 유용한 규칙입니다. 카멜 케이스 (camelCase) 스네이크 케이스 (snake_case) 카.. 2022. 4. 26.
자바스크립트 기초 ep.2 - 변수 (var, let, const, 연산) 자바스크립트의 변수는 별도의 데이터타입을 지정해주지 않습니다. 변수를 선언할 키워드로 var, let, const가 있으며 적절한 키워드로 변수를 선언이 중요한데, 이는 디버깅 할 때 에러 발생 위치를 쉽게 알 수 있습니다. 자바스크립트 변수 변수(variable)는 값(데이터)을 저장하기 위해 이름을 할당 받은 공간입니다. 변수는 말 그대로 변하는 숫자로, 자바스크립트에서 제공하는 모든 데이터 타입의 값을 저장할 수 있습니다. 값이 재할당 되는 var, let, 값이 재할당 되지 않는 const 형이 있습니다. 변수 작명 규칙 var, let const 변수의 산술연산, 비교 연산, 증감 연산 변수 작명 규칙 변수는 변하는 숫자이기 때문에, 변수 이름을 할당하여 할당받은 이름의 공간에 데이터를 저장하는.. 2022. 4. 25.
반응형