본문 바로가기

Programming128

[JS] javascript 에서 배열의 다양한 활용 방법 2 이전에 javascript에서 배열을 이용하는 방법에 대해 포스팅을 했었다. https://devkingdom.tistory.com/309 [JS] javascript에서 배열의 활용 javascript역시 여느 언어와 다르지 않게 배열을 사용할 수 있다. 배열 사용 방법 javascript에서 배열은 대괄호를 이용하여 사용한다. let arr = ['a','b','c','d']; 그런데 다른 언어와 조금 다른 점이 있는 devkingdom.tistory.com 오늘은 이전에 정리한 기본적인 기능이외의 다양한 기능에 대해 정리하고자 한다. slice slice는 입력된 파라미터 n부터 시작해서 m개 반환 하는 메서드이다. slice는 기존의 배열에 영향을 주지 않는다. let arr = [1,2,3,4,.. 2022. 2. 16.
[JS] javascript에서 문자열을 처리하는 다양한 방법 저번 포스팅에서 javascript에서 숫자 관련된 처리를 정리해뒀었다. 오늘은 문자열을 처리하는 여러가지 방법에 대해 정리하고자 한다. 문자열 표현 방법 먼저 javascript에서는 세가지로 문자열을 표현할 수 있다. 작은 따옴표(''), 큰 따옴표(""), 백틱(``) 각각 비슷하지만 조금씩은 다르고, 어떨때 쓴는 지에 따라서 효과가 다르다. 예를 들어 html 의 특정 태그가 들어가면 큰 따옴표보다는 작은 따옴표가 나을것이다. 왜냐면 내부에 속성 값들이 큰따옴표로 묶여있기 때문이다. 그리고 영어 문장 같은 경우는 작은 따옴표로 줄여서 표현하는 경우가 많으니, 큰 따옴표가 나을 것이다. 그리고 백틱은 키보드에 보면 물결(~) 과 같이 있는 녀석인데 이 안에서 $ 를이용해서 계산식이나 변수를 표현할 .. 2022. 2. 13.
[JS] Javascript 에서 숫자관련 처리 정리 보통 백엔드 단에서 비지니스 로직을 처리해주면 좋겠지만, 모든 것이 완벽하진 않아 간혹가다가 프론트 단에서 비지니스 로직을 처리해야할 때도 있다. 예전에 모니터링 시스템을 구축하는 업무를 맡은 적 있는데, 대시보드에 표현될 다양한 수치와 통계를 프론트 단에서 계산해서 뿌려주는 것을 보았다. 이런 경우가 비일비재하기 때문에 오늘은 javascript로 숫자 내용을 처리하는 것을 정리하고자 한다. 올림, 내림, 반올림 javascript에서는 Math 를 이용해 다양한 처리를 할 수 있다. 올림은 ceil, 내림은 floor, 반올림은 round 메서드를 이용하여 처리한다. let num1 = 1.3; let num2 = 1.8; console.log(Math.ceil(num1)); console.log(M.. 2022. 2. 13.
[JS] 기존 코드를 건드리지 않고 객체 속성 추가하는 법 - Symbol 오늘은 자료형중에 하나인 Symbol이라는 것에 대해 정리를 해두려고한다. 실무에서 대부분의 프로그래밍은 기존에 만들어진 코드에 나의 코드를 덧붙이는 식으로 진행될 것이다. 그런데 가장 중요한 것은 내가 짠 코드 때문에 남이 짜놓은 코드가 돌아가지 않으면 안된다. 이러한 것을 방지하기 위해서 Symbol이라는 자료형을 사용할 수가 있다. Symbol Symbol은 아래와 같이 사용한다. const a = Symbol(); Symbol에 같은 값을 넣어도, 전혀 다른 것으로 인식해버린다. 그 이유는 바로 Symbol이 유일성을 보장하기 때문이다. //sysmbol const a = Symbol(); //같은 값이 들어가도, 다른 값으로 인식 const id1 = Symbol('sameId'); const .. 2022. 2. 12.
[JS] javascript object 의 여러가지 기능 - computed property, 다양한 메서드 예전 포스팅에서 object를 사용하는 방법에 대해 다뤘었다. https://devkingdom.tistory.com/308?category=841890 [JS] javascript 에서 객체 (object) 사용하기 - 객체 리터럴, 생성자 java나 c# 등 객체지향 언어를 공부해본 사람이라면 객체가 무엇인지 잘 알고 있을 것이다. javascript도 객체(Object)를 생성하여 사용할 수 있다. Object - 접근 , 추가, 삭제 아래 코드는 person이라는 Obje devkingdom.tistory.com 오늘은 object의 몇가지 기능들에 대해 추가적으로 포스팅하겠다. Computed property 아래 코드를 보자. const person = { name : 'kang', age :.. 2022. 1. 25.
[JS] javascript 변수에 대하여 - hosting, scope 기본적으로 javascript에는 var, let, const 이렇게 세가지 변수를 제공한다. 그런데 공식적으로 var를 사용하지 마라고 권장한다. 그 이유는 무엇일까? 변수의 hosting var는 기본적으로 let과 사용방법이 비슷한다. 그러나 약간의 차이가 있는데, var는 한번 선언된 변수를 다시 선언할 수 있다. var myName = 'kang'; console.log(myName); var myName = 'kim'; console.log(myName) 동일한 내용을 let으로 작성해보면 let myName = 'kang'; console.log(myName); let myName = 'kim'; console.log(myName) 에러가 나오는것을 확인할 수 있다. 그리고 var는 선언하기.. 2022. 1. 25.
[JS] javascript에서 배열의 활용 javascript역시 여느 언어와 다르지 않게 배열을 사용할 수 있다. 배열 사용 방법 javascript에서 배열은 대괄호를 이용하여 사용한다. let arr = ['a','b','c','d']; 그런데 다른 언어와 조금 다른 점이 있는데, 배열에 문자, 숫자, 객체, 함수 등 한 타입이 아닌 여러 타입을 동시에 포함할 수 있다. let arr = ['a', 100, true, {name:'bboya', age:5}, function() { console.log('hi'); } ]; 배열의 길이를 구하기 위해서는 배열명.length 로 구할 수 있다. console.log(arr.length); 배열의 메서드 그리고 배열에서는 몇가지 메서드를 제공하는데 먼저 push() 메서드는 배열의 끝에 값을 추.. 2022. 1. 23.
[JS] javascript 에서 객체 (object) 사용하기 - 객체 리터럴, 생성자 java나 c# 등 객체지향 언어를 공부해본 사람이라면 객체가 무엇인지 잘 알고 있을 것이다. javascript도 객체(Object)를 생성하여 사용할 수 있다. Object - 접근 , 추가, 삭제 아래 코드는 person이라는 Object를 생성하는 소스 코드이다. const person = { name : 'bboya', age : 10, gender : 'F', } { } 안에서 name, age, gender라는 key 에 각각 'bboya', 10, 'F' 라는 value가 들어가 있다. 마지막에 , 는 없어도 상관은 없지만, 보통 수정/삭제에 용이하게 하기위해 붙여주곤 한다. 이를 객체 리터럴 이라한다. 객체에 접근, 추가, 삭제하는 방법은 아래와 같다. Object 속성에 접근 객체 속성.. 2022. 1. 23.
[JS] javascript의 화살표 함수 (arrow function) 이전에 js에서 함수 표현 방식에 대해 포스팅했었다. https://devkingdom.tistory.com/306 [JS] javascript의 함수 선언문과 함수 표현식 오늘은 간단하게 js 에서 함수를 사용하는 두가지 방법에 대해 정리해두려고한다. 함수 선언문 어디서든 호출이 가능함, javascript 내부 알고리즘에 의해서 javascript 실행 전 초기화 단계에서 코드 devkingdom.tistory.com 오늘은 함수 표현식을 화살표 함수로 변경해 보는 방법을 포스팅할 예정이다. 자바를 공부해 보신 분들은 자바의 lambda식을 활용해본 적이 있을 것이다. 자바스크립트에서 람다식을 사용할 수 있는데 이를 화살표 함수라 부른다. 실무에서 굉장히 많이 쓰이니 잘 익혀두자. let add = .. 2022. 1. 23.