2024/06(20)
-
Web/Node.js
2024.06.20
[Node.js] Node.js 다운로드 / 설치 방법
※ Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 자바스크립트를 활용하여 다양한 개발할 때 필수적으로 설치해야 하는 프로그램입니다. 최근에는 이 Node.js로 서버단 개발을 많이 합니다. Node.js 다운로드 / 설치 방법 공식 사이트에서 설치 프로그램 다운로드아래 링크되어 있는 node.js 공식사이트에 접속하셔서 Download Node.js 버튼을 클릭합니다. 현재 v20.14.0 버전이 나와있네요. 참고로 저기서 (LTS) "with long-term support"가 명시되어 있는 버전을 다운로드하셔야 오랫동안 패치를 받을 수 있습니다.https://nodejs.org/en/ Node.js — Run JavaScript Everywh..
-
Web/Node.js
2024.06.19
1
[Node.js] Node.js란 무엇인가? - 개념 완벽 이해하기
Node.js란?"Node.js는 크로스플랫폼 오픈소스 자바스크립트 런타임 환경으로 V8 자바스크립트 엔진으로 구동되며, 웹 브라우저 바깥에서 자바스크립트 코드를 실행할 수 있다. 주로 확장성 있는 네트워크 애플리케이션과 서버 사이드 개발에 사용되는 소프트웨어 플랫폼이며, 논블로킹(Non-blocking) I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다."위키백과에서 가져온 Node.js 설명입니다.아주 명쾌하게 설명을 잘하고 있군요.위의 내용을 아래와 같이 한번 정리해 보겠습니다.Node.js는 V8이라는 JavaScript 엔진으로 구동되는 자바스크립트 런타임(환경)이다.Node.js를 사용하면 웹 브라우저 바깥에서 자바스크립트 코드를 실행할 수 있다.Node.js는 크로스 플..
-
Web/JavaScript
2024.06.18
[JavaScript] 자바스크립트 배열(array) 합치는 간단한 방법
자바스크립트에서 배열을 합치는 방법은 여러 가지가 있습니다. 그중에서도 가장 간편한 방법은 concat 함수를 사용하거나 ES6부터 추가된 스프레드 연산자를 사용하는 방법 이렇게 두 가지가 있을 것 같은데요. 이번 포스팅에서 그 방법에 대해 알아보도록 하겠습니다. 자바스크립트 배열(array) 합치는 간단한 방법 concat 메서드 사용하기//사용법배열1.concat(배열2)See the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen. 배열에서 제공하는 기본 함수인 concat을 사용하는 방법으로 배열을 합치는 방법으로 가장 정석적인 방법이라고 할 수 있겠습니다. 위의 예제에서 array1과 array2를 concat으로 합쳐서 1,2,3,4,5,6이 출력된 것..
-
Web/JavaScript
2024.06.16
1
[JavaScript] 자바스크립트 배열에 요소 추가 / 삭제하는 다양한 방법
일반적으로 길이가 고정적인 다른 프로그래밍 언어와는 달리 자바스크립트에서 배열은 동적인 데이터 구조로, 프로그램의 상태나 사용자의 입력에 따라 배열의 내용을 추가하거나, 삭제할 수 있습니다. 이번 포스팅에서는 자바스크립트의 배열에 요소를 추가, 삭제하는 방법에 대해 알아보도록 하겠습니다. 자바스크립트 배열 요소 추가 push - 배열 맨 끝에 요소 추가See the Pen push by wjdxo513 (@wjdxo513) on CodePen. 자바스크립트 array에 push 메서드를 사용하면 배열 끝에 요소를 추가할 수 있습니다. 위의 예제에서 1, 2, 3 있었던 배열에 new라는 값을 push 하여 총 4개의 요소를 가진 배열이 된 것을 보실 수 있습니다. unshift - 배열 맨 앞에 요..
-
Web/JavaScript
2024.06.15
2
[JavaScript] 자바스크립트 배열 선언 및 사용법 총정리
어느 언어에도 마찬가지겠지만 자바스크립트에도 배열이 존재합니다. 배열을 사용할 때는 어떤 경우일까요? 배열은 다수의 데이터를 저장하고 처리하는 경우에 유용하게 사용할 수 있습니다. 100개의 데이터를 처리해야한다고 칩시다. 배열을 사용하지않고 100개의 데이터를 저장시키려면 100개의 변수가 필요하겠죠? 그렇다면 값을 넣는 코드도 출력코드도 100번씩 적어야할것입니다. 굉장히 코딩하기도 힘들고 코드량도 길어집니다. 하지만 배열을 선언한다면 효율적으로 코드를 짤 수 있습니다. 100개의 주소값을 가지는 배열을 하나 선언하고 그 주소값에다가 For문을 이용해 값을 넣어주고 출력을 해준다면 굉장히 효율적인 코드가 되기 때문입니다. 자바스크립트 배열의 선언 방법자바스크립트의 배열선언 방법은 다른 언어들과는 조..
-
Web/JavaScript
2024.06.15
[JavaScript] 자바스크립트 반올림, 올림, 버림 방법 - 소수점 2자리까지 출력
계산을 하다 보면 무한소수가 나오는 경우가 종종 있는데요. 이럴 때는 보기 좋게 소수점 2자리까지 출력하는 방법을 많이 사용합니다. 이번 포스팅에서는 자바스크립트에서 소수점 2자리까지 반올림, 올림, 버림 하는 방법을 알아보도록 하겠습니다. 소수점 2자리까지 반올림 (toFixed)// 사용법소수.toFixed(자릿수)소수 : toFixed 함수는 number 타입에서만 가능합니다. 문자열에 해당 함수를 사용하면 에러가 발생합니다.자릿수 : 총 나타낼 소수의 자릿수를 의미하며 2로 진행하면 소수점 2자리까지만 나타냅니다.See the Pen 반올림 by 우정태 (@sxqouumz-the-reactor) on CodePen. 자바스크립트에서 반올림을 하려면 toFiexed() 메서드를 사용하시면 됩니다...
-
Web/JavaScript
2024.06.14
[JavaScript] 자바스크립트 숫자를 문자열로 형 변환하는 4가지 방법
때로는 숫자를 문자열로 변환해야 할 때도 있습니다. 문자열을 결합할 때 사용해야 한다던지, 문자열이 포함되어 있는지 검색을 위해서라던지 하는 순간들이죠. 자바스크립트에는 숫자를 문자열로 형 변환 하는 방법이 여러 가지 있습니다. 이번 포스팅에서 소개하고자 합니다. String 함수 사용//사용법String(문자열로 바꾸고자 하는 값)See the Pen String 함수 by 우정태 (@sxqouumz-the-reactor) on CodePen. String 함수를 사용하는 방법이 있습니다. 문자열로 바꾸고 싶은 값을 넣어주시면 스트링이 반환됩니다. 위의 예제에서도 typeof로 검사해 보면 string이 반환되는 것을 보실 수 있습니다. toString 함수 사용//사용법문자열로 바꾸고자 하는 값...
-
Web/JavaScript
2024.06.13
[JavaScript] 자바스크립트 문자열을 숫자로 형 변환하는 3가지 방법
종종 자바스크립트에서 계산등을 이유로 문자열을 숫자로 형 변환해야 하는 경우가 있습니다. 다양한 방식으로 문자열을 숫자로 변환할 수 있는데요. 이번 포스팅에서 그 방법들을 설명하고자 합니다. Number 함수 사용 //사용법Number(숫자로 이루어진 문자열)See the Pen Number 함수 by wjdxo513 (@wjdxo513) on CodePen. Number() 함수에 숫자로 되어있는 문자열을 인자값으로 넣어주면 숫자가 리턴됩니다. 단 숫자형태가 아닌 문자열을 인자값으로 넣으면 NaN이 리턴됩니다. 가장 많이 사용하는 방법으로 정수, 실수 가리지 않기 때문에 추천드립니다. parseInt, parseFloat 함수 사용 parseInt 함수//사용법parseInt(정수로 이루어진 문..
-
Web/JavaScript
2024.06.12
[JavaScript] 자바스크립트 문자열 채우기 (padStart, padEnd)
가끔 자릿수가 지정되어 있어 남는 자릿수를 특정 문자로 채워야 할 때가 있습니다. 자바스크립트에서는 이럴 때 padStart, padEnd 함수를 사용해 주시면 특정 문자열을 원하는 길이까지 채워줍니다. 이번 포스팅에서 그 방법을 알아보겠습니다. 시작 부분 채우기 (padStart)//사용법문자열.padStart(총 문자열 길이, 채우고자 하는 문자열)총 문자열 길이 : 필수값으로 채우고자 하는 문자열의 길이를 뜻하며 만약 이 길이가 현재 문자열의 길이보다 작다면, 원본 문자열이 반환됩니다.채우고자 하는 문자열 : 선택값으로 채우고자 하는 문자열을 뜻하며, 기본값은 " "(공백)입니다. See the Pen Untitled by 우정태 (@sxqouumz-the-reactor) on CodePen. 위..
-
Mobile
2024.06.08
1
삼성 갤럭시버즈 한쪽 안들림 or 소리 작게 들리는 문제 해결 방법
제 갤럭시 버즈는 가끔씩 한쪽이 안들리거나, 소리가 작게 들리는 경우들이 있습니다. 제 경험상 보통 한쪽 이어폰만 방전된 상태에서 충전하면 이런 문제가 가끔 생기는 것 같은데요. 한쪽이 안 들리니 소리가 너무 답답하기도 하고, 이것 때문에 갤럭시 버즈를 새로 사자니 너무 비싸고. 결국 이것저것 고쳐보면서 이제 능숙하게 고칠 수 있는 문제가 되었습니다. 이번 포스팅에서 그 방법에 대해 알려드리려고 합니다. ※ 가장 성공 확률이 높은 방법대로 나열할 테니 순서대로 따라 해 주세요. 충전기 문제인 경우 갤럭시 버즈 유닛의 한쪽이 충전이 제대로 되고 있지 않을 수 있습니다. 위의 이미지처럼 갤럭시 버즈 충전기를 보시면 양쪽 두 군데에 충전 단말이 있습니다. 갤럭시 버즈를 사용하다 보면 이곳에 이물질들이 많이..
-
Web/Node.js 2024.06.20[Node.js] Node.js 다운로드 / 설치 방법 ※ Node.js는 Chrome V8 JavaScript 엔진으로 빌드된 JavaScript 런타임입니다. 자바스크립트를 활용하여 다양한 개발할 때 필수적으로 설치해야 하는 프로그램입니다. 최근에는 이 Node.js로 서버단 개발을 많이 합니다. Node.js 다운로드 / 설치 방법 공식 사이트에서 설치 프로그램 다운로드아래 링크되어 있는 node.js 공식사이트에 접속하셔서 Download Node.js 버튼을 클릭합니다. 현재 v20.14.0 버전이 나와있네요. 참고로 저기서 (LTS) "with long-term support"가 명시되어 있는 버전을 다운로드하셔야 오랫동안 패치를 받을 수 있습니다.https://nodejs.org/en/ Node.js — Run JavaScript Everywh..
-
Web/Node.js 2024.06.19 1[Node.js] Node.js란 무엇인가? - 개념 완벽 이해하기 Node.js란?"Node.js는 크로스플랫폼 오픈소스 자바스크립트 런타임 환경으로 V8 자바스크립트 엔진으로 구동되며, 웹 브라우저 바깥에서 자바스크립트 코드를 실행할 수 있다. 주로 확장성 있는 네트워크 애플리케이션과 서버 사이드 개발에 사용되는 소프트웨어 플랫폼이며, 논블로킹(Non-blocking) I/O와 단일 스레드 이벤트 루프를 통한 높은 처리 성능을 가지고 있다."위키백과에서 가져온 Node.js 설명입니다.아주 명쾌하게 설명을 잘하고 있군요.위의 내용을 아래와 같이 한번 정리해 보겠습니다.Node.js는 V8이라는 JavaScript 엔진으로 구동되는 자바스크립트 런타임(환경)이다.Node.js를 사용하면 웹 브라우저 바깥에서 자바스크립트 코드를 실행할 수 있다.Node.js는 크로스 플..
-
Web/JavaScript 2024.06.18[JavaScript] 자바스크립트 배열(array) 합치는 간단한 방법 자바스크립트에서 배열을 합치는 방법은 여러 가지가 있습니다. 그중에서도 가장 간편한 방법은 concat 함수를 사용하거나 ES6부터 추가된 스프레드 연산자를 사용하는 방법 이렇게 두 가지가 있을 것 같은데요. 이번 포스팅에서 그 방법에 대해 알아보도록 하겠습니다. 자바스크립트 배열(array) 합치는 간단한 방법 concat 메서드 사용하기//사용법배열1.concat(배열2)See the Pen Untitled by wjdxo513 (@wjdxo513) on CodePen. 배열에서 제공하는 기본 함수인 concat을 사용하는 방법으로 배열을 합치는 방법으로 가장 정석적인 방법이라고 할 수 있겠습니다. 위의 예제에서 array1과 array2를 concat으로 합쳐서 1,2,3,4,5,6이 출력된 것..
-
Web/JavaScript 2024.06.16 1[JavaScript] 자바스크립트 배열에 요소 추가 / 삭제하는 다양한 방법 일반적으로 길이가 고정적인 다른 프로그래밍 언어와는 달리 자바스크립트에서 배열은 동적인 데이터 구조로, 프로그램의 상태나 사용자의 입력에 따라 배열의 내용을 추가하거나, 삭제할 수 있습니다. 이번 포스팅에서는 자바스크립트의 배열에 요소를 추가, 삭제하는 방법에 대해 알아보도록 하겠습니다. 자바스크립트 배열 요소 추가 push - 배열 맨 끝에 요소 추가See the Pen push by wjdxo513 (@wjdxo513) on CodePen. 자바스크립트 array에 push 메서드를 사용하면 배열 끝에 요소를 추가할 수 있습니다. 위의 예제에서 1, 2, 3 있었던 배열에 new라는 값을 push 하여 총 4개의 요소를 가진 배열이 된 것을 보실 수 있습니다. unshift - 배열 맨 앞에 요..
-
Web/JavaScript 2024.06.15 2[JavaScript] 자바스크립트 배열 선언 및 사용법 총정리 어느 언어에도 마찬가지겠지만 자바스크립트에도 배열이 존재합니다. 배열을 사용할 때는 어떤 경우일까요? 배열은 다수의 데이터를 저장하고 처리하는 경우에 유용하게 사용할 수 있습니다. 100개의 데이터를 처리해야한다고 칩시다. 배열을 사용하지않고 100개의 데이터를 저장시키려면 100개의 변수가 필요하겠죠? 그렇다면 값을 넣는 코드도 출력코드도 100번씩 적어야할것입니다. 굉장히 코딩하기도 힘들고 코드량도 길어집니다. 하지만 배열을 선언한다면 효율적으로 코드를 짤 수 있습니다. 100개의 주소값을 가지는 배열을 하나 선언하고 그 주소값에다가 For문을 이용해 값을 넣어주고 출력을 해준다면 굉장히 효율적인 코드가 되기 때문입니다. 자바스크립트 배열의 선언 방법자바스크립트의 배열선언 방법은 다른 언어들과는 조..
-
Web/JavaScript 2024.06.15[JavaScript] 자바스크립트 반올림, 올림, 버림 방법 - 소수점 2자리까지 출력 계산을 하다 보면 무한소수가 나오는 경우가 종종 있는데요. 이럴 때는 보기 좋게 소수점 2자리까지 출력하는 방법을 많이 사용합니다. 이번 포스팅에서는 자바스크립트에서 소수점 2자리까지 반올림, 올림, 버림 하는 방법을 알아보도록 하겠습니다. 소수점 2자리까지 반올림 (toFixed)// 사용법소수.toFixed(자릿수)소수 : toFixed 함수는 number 타입에서만 가능합니다. 문자열에 해당 함수를 사용하면 에러가 발생합니다.자릿수 : 총 나타낼 소수의 자릿수를 의미하며 2로 진행하면 소수점 2자리까지만 나타냅니다.See the Pen 반올림 by 우정태 (@sxqouumz-the-reactor) on CodePen. 자바스크립트에서 반올림을 하려면 toFiexed() 메서드를 사용하시면 됩니다...
-
Web/JavaScript 2024.06.14[JavaScript] 자바스크립트 숫자를 문자열로 형 변환하는 4가지 방법 때로는 숫자를 문자열로 변환해야 할 때도 있습니다. 문자열을 결합할 때 사용해야 한다던지, 문자열이 포함되어 있는지 검색을 위해서라던지 하는 순간들이죠. 자바스크립트에는 숫자를 문자열로 형 변환 하는 방법이 여러 가지 있습니다. 이번 포스팅에서 소개하고자 합니다. String 함수 사용//사용법String(문자열로 바꾸고자 하는 값)See the Pen String 함수 by 우정태 (@sxqouumz-the-reactor) on CodePen. String 함수를 사용하는 방법이 있습니다. 문자열로 바꾸고 싶은 값을 넣어주시면 스트링이 반환됩니다. 위의 예제에서도 typeof로 검사해 보면 string이 반환되는 것을 보실 수 있습니다. toString 함수 사용//사용법문자열로 바꾸고자 하는 값...
-
Web/JavaScript 2024.06.13[JavaScript] 자바스크립트 문자열을 숫자로 형 변환하는 3가지 방법 종종 자바스크립트에서 계산등을 이유로 문자열을 숫자로 형 변환해야 하는 경우가 있습니다. 다양한 방식으로 문자열을 숫자로 변환할 수 있는데요. 이번 포스팅에서 그 방법들을 설명하고자 합니다. Number 함수 사용 //사용법Number(숫자로 이루어진 문자열)See the Pen Number 함수 by wjdxo513 (@wjdxo513) on CodePen. Number() 함수에 숫자로 되어있는 문자열을 인자값으로 넣어주면 숫자가 리턴됩니다. 단 숫자형태가 아닌 문자열을 인자값으로 넣으면 NaN이 리턴됩니다. 가장 많이 사용하는 방법으로 정수, 실수 가리지 않기 때문에 추천드립니다. parseInt, parseFloat 함수 사용 parseInt 함수//사용법parseInt(정수로 이루어진 문..
-
Web/JavaScript 2024.06.12[JavaScript] 자바스크립트 문자열 채우기 (padStart, padEnd) 가끔 자릿수가 지정되어 있어 남는 자릿수를 특정 문자로 채워야 할 때가 있습니다. 자바스크립트에서는 이럴 때 padStart, padEnd 함수를 사용해 주시면 특정 문자열을 원하는 길이까지 채워줍니다. 이번 포스팅에서 그 방법을 알아보겠습니다. 시작 부분 채우기 (padStart)//사용법문자열.padStart(총 문자열 길이, 채우고자 하는 문자열)총 문자열 길이 : 필수값으로 채우고자 하는 문자열의 길이를 뜻하며 만약 이 길이가 현재 문자열의 길이보다 작다면, 원본 문자열이 반환됩니다.채우고자 하는 문자열 : 선택값으로 채우고자 하는 문자열을 뜻하며, 기본값은 " "(공백)입니다. See the Pen Untitled by 우정태 (@sxqouumz-the-reactor) on CodePen. 위..
-
Mobile 2024.06.08 1삼성 갤럭시버즈 한쪽 안들림 or 소리 작게 들리는 문제 해결 방법 제 갤럭시 버즈는 가끔씩 한쪽이 안들리거나, 소리가 작게 들리는 경우들이 있습니다. 제 경험상 보통 한쪽 이어폰만 방전된 상태에서 충전하면 이런 문제가 가끔 생기는 것 같은데요. 한쪽이 안 들리니 소리가 너무 답답하기도 하고, 이것 때문에 갤럭시 버즈를 새로 사자니 너무 비싸고. 결국 이것저것 고쳐보면서 이제 능숙하게 고칠 수 있는 문제가 되었습니다. 이번 포스팅에서 그 방법에 대해 알려드리려고 합니다. ※ 가장 성공 확률이 높은 방법대로 나열할 테니 순서대로 따라 해 주세요. 충전기 문제인 경우 갤럭시 버즈 유닛의 한쪽이 충전이 제대로 되고 있지 않을 수 있습니다. 위의 이미지처럼 갤럭시 버즈 충전기를 보시면 양쪽 두 군데에 충전 단말이 있습니다. 갤럭시 버즈를 사용하다 보면 이곳에 이물질들이 많이..