본문 바로가기
반응형

자바스크립트10

자바스크립트 - 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.6 - 조건문(if, switch)과 삼항연산자 조건문은 특정 조건에 따라 특정 코드를 수행하는 문법입니다. 삼항연산자는 조건식이 간단할 때 조건문을 한줄로 작성 가능한 방법입니다.  자바스크립트 조건문(if, swift)와 삼항연산자 사용자바스크립트의 조건문은 다른 프로그래밍 언어와 마찬가지로 특정조건이 참인 경우 특정코드를 수행하는 문법입니다. 조건문에는 if, switch 문이 있으며, 간단한 조건문은 삼항연산자로 대체할 수 있습니다. if ...else 문switch 문삼항 연산자  if ...else 문if 문은 대부분의 프로그래밍 언어에서 사용되는 대표적인 조건문입니다.  // 조건식이 참이면 수행if(조건식) { 조건식이_참일_때_수행할_코드 조건식이_참일_때_수행할_코드} 조건식이 참이고 수행할 코드가 1줄이면 중괄호를 생략할.. 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.
자바스크립트 기초 ep.1 - 원시 자료형 자바스크립트는 동적언어로 변수를 정의할 때 자료형을 정의할 필요가 없습니다. 총 7개의 자료형이 존재하며 원시 자료형 6개, 객체로 이루어져 있습니다. 이 중 원시 지료형을 살펴보겠습니다. 자바스크립트 원시 자료형 원시자료형(primitive)은 객체가 아닌 자료형(데이터 타입)으로, 별도의 메서드를 가지지 않습니다. 이러한 데이터 타입은 사람이 이해하기 쉽게 값을 표현할 수 있도록 제공하는 개념입니다. number, 숫자 string, 문자열 boolean, 논리값 null, 널 undefined, 정의되지 않은 값 symbol, 심벌 number, 숫자 number는 숫자를 표현하기 위해 사용하는 타입입니다. 자바스크립트는 정수와 실수를 구분하지 않고 number 로 표현됩니다. // 숫자는 모두 n.. 2022. 4. 25.
반응형