📑 프로그래머스 lv.1 문제 풀이 중 알게된 함수 공부 기록

Q. 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요.

🚩 풀이 방법

function solution(s) {
    var answer = parseInt(s,10);
    return answer;
}

🚩 조건이 들어간 풀이 방법

🟩 조건 :
  _  s의 길이는 1 이상 5이하입니다.
s의 맨앞에는 부호(+, -)가 올 수 있습니다.
s는 부호와 숫자로만 이루어져있습니다.
s는 "0"으로 시작하지 않습니다._

function solution(s) {
    var sign = 1;

    if (s[0] === '-') {
        sign = -1;
        s = s.slice(1); 
    } else if (s[0] === '+') {
        s = s.slice(1);
    }

    // 문자열이 "0"으로 시작하지 않도록 처리
    if (s[0] === '0' && s.length > 1) {
        // "0"으로 시작하는 경우 첫 번째 문자를 제외한 나머지 문자열로 업데이트
        s = s.slice(1);
    }

    // parseInt 함수를 사용하여 문자열을 정수로 변환하고 부호를 적용
    var answer = sign * parseInt(s, 10);

    return answer;
}

parseInt

• Javascript에서 문자열을 숫자(number)로 형변환 문자열을 파싱해서 숫자나 NaN(Not a Number)을 리턴

• 목적 : 문자열에서 숫자 추출

parseInt() 함수 사용

parseInt(string, *radix);

🔸 파라미터 string : 숫자로 변환할 문자열 radix : ( *optional) string 문자열을 읽을 진법(수의 진법 체계의 진법)

🔸 리턴값 string을 정수로 변환한 값을 리턴 string의 첫 글자를 정수로 변경할 수 없으면 NaN(Not a Number) 값을 리턴

적용범위

• 정수 값 parseInt("10"); //10 : 문자열을 숫자로 변환하여 정수 리턴
• 음수 값 parseInt("-10"); //-10 : 문자열을 숫자로 변환하여 정수 음수 리턴
• 실수 값 parseInt("10.9"); //10 : 소수점을 제거한 후, 정수 값만 리턴
• 문자열이 아닌 다른 타입의 값 parseInt(10); //10 : 파라미터를 문자열로 변환하여 처리
• 문자열의 첫글자가 숫자이고, 그 이후에 숫자가 아닌 다른 문자열 parseInt("10n"); // 10 parseInt("10nnn13"); // 10

  : 숫자가 아닌 문자 이후의 값은 무시하고, 그 이전의 숫자만 정수로 변환

• 처음 공백 parseInt(" 10"); // 10 : 문자열의 첫글자는 반드시 숫자여야 하지만, 처음에 오는 공백 문자는 허용
• 뒤 공백 parseInt("10 "); // 10 : 문자열의 첫글자가 숫자이면, 뒤에 오는 공백은 무시
• 첫글자가 숫자가 아닌 경우 parseInt("k10"); // NaN : NaN(Not a Number)를 리턴
• 공백만 존재 parseInt(""); // NaN : 문자열의 첫 글자가 숫자가 아니므로, NaN(Not a Number)를 리턴

🚀 정상 출력 : 정수, 음수, 실수, 문자열이 아닌 다른 타입의 값, 첫글자만 숫자인 문자열, 첫글자가 공백, 뒤 공백

⚒️ NaN 출력 : 첫글자가 숫자가 아닌 문자열, 공백만 존재

주의점

const age = prompt("are you OK?");

console.log(age, parseInt(age), age);

형을 변환해준다고 하기에 parseInt(변수)를 사용한 뒤에 변수의 타입을 다시 찍어보면 계속 number로 나오지 않을까?

그런데 위 코드를 찍어보니 첫 번째, 세 번째는 string 타입으로, 두 번째는 number 타입으로 출력 따라서 parseInt(변수)를 한 번 사용했다고 해서, 해당 변수의 타입이 number 타입으로 영구적으로 변하는 것은 아닌것으로 예상 parseInt 함수를 사용할 때만 임시로 형 변환이 되는 것이라 주의 필요

참조. 출처

• https://hianna.tistory.com/386 [어제 오늘 내일:티스토리]
• https://velog.io/@0jiiino/%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-parseInt-%ED%95%A8%EC%88%98-%EA%B6%81%EA%B8%88%EC%A6%9D-%ED%8F%AC%ED%95%A8

이런저런 시도 끝에 성공하여 잊기전에 남겨둡니댜..⭐

1.기본적인 방법

PC와 모바일에 같은 와이파이 연결 cmd -> ipconfig -> 무선 LAN 어댑터 WiFi의 IPv4주소 + :포트번호 입력

=> 모바일 환경에서 연결 실패

1) 첫번째 시도 : 이더넷 접속 해제

네트워크 및 인터넷 -> 고급 네트워크 설정 -> 이더넷 사용안함 클릭 클릭한 상태

2) 두번째 시도 : 방화벽 설정

1. 우선 제어판 -> 시스템 및 보안 -> Windows 방화벽 ( 제어판\시스템 및 보안\Windows 방화벽 ) 

2. 고급 설정 3. 인바운드 규칙 -> 새 규칙 4. 새 인바운드 규칙 마법사 -> 포트 -> 5. 특정 로컬 포트 ( 임의로 숫자 겹치지 않는 것 넣습니다. 12345 ) 6. Next Next 한다음에 규칙 이름을 적습니다. 7. 방금 설정한 규칙을 볼수 있고 오른쪽 옆에 속성을 클릭 8. 프로토콜 및 포트 탭으로 가서 IPv6 으로만 변경 후 적용

3) 세번째 시도 : 방화벽 설정2

1. 방화벽 및 네트워크보호 - 고급설정
2. Windows Defender 방화벽 속성을 클릭 후 "공용 프로필 탭" 클릭
3. 인바운드 연결 설정 차단(기본값) 을 허용상태로 변경

4) 네번째 시도 : 와이파이 네트워크 프로필 변경

1. 핸드폰과 컴퓨터가 동일한 wifi 환경에 접속되었는지 확인
2. [windows10] 설정 > 네트워크 및 인터넷 > Wi-Fi > 연결된 wifi 선택 > 네트워크 프로필 "개인"으로 변경

=>성공

와이파이가 공용으로 설정되어있으면 연결이안되었다. ✨시도해보시는 분은 4번부터 확인 해 보시고 위의 방법을 시도해보시는 것을 추천드립니다 !

출처:
모바일에서 localhost 개발 환경 접속하기|작성자 아이크렌
https://phant0m.tistory.com/13
https://yujin-dev.tistory.com/49

🟡언어 : Javascript

🤖 문제

문자열 겹쳐쓰기

문자열 my_string, overwrite_string과 정수 s가 주어집니다. 문자열 my_string의 인덱스 s부터 overwrite_string의 길이만큼을 문자열 overwrite_string으로 바꾼 문자열을 return 하는 solution 함수를 작성해 주세요.

입출력

my_string            |    overwrite_string    |    s    |    result
"He11oWor1d"        |    "lloWorl"            |    2    |    "HelloWorld"
"Program29b8UYP"    |    "merS123"            |    7    |    "ProgrammerS123"

입출력 예 설명

예제 1번의 my_string에서 인덱스 2부터 overwrite_string의 길이만큼에 해당하는 부분은 "11oWor1"이고 이를 "lloWorl"로 바꾼 "HelloWorld"를 return 합니다.

예제 2번의 my_string에서 인덱스 7부터 overwrite_string의 길이만큼에 해당하는 부분은 "29b8UYP"이고 이를 "merS123"로 바꾼 "ProgrammerS123"를 return 합니다.

💡 나의 풀이

function solution(my_string, overwrite_string, s) {
    const myStr = [...my_string]
    myStr.splice(s,overwrite_string.length,overwrite_string)
    return myStr.join("")
}

❇️ 알게된 점

- .splice()

: 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/splice https://velog.io/@daydreamplace/TIL-JSArray-%EB%82%A0-%EA%B4%B4%EB%A1%AD%ED%9E%88%EB%8A%94-slice%EC%99%80-splice%ED%95%A8%EC%88%98

🟡언어 : Javascript

🤖 문제

문자열 돌리기

문자열 str이 주어집니다. 문자열을 시계방향으로 90도 돌려서 아래 입출력 예와 같이 출력하는 코드를 작성해 보세요.

입력

abcde

출력

a
b
c
d
e

💡 나의 풀이

const readline = require('readline');
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

let input = [];

rl.on('line', function (line) {
    input = line;
}).on('close',function(){
    [...input].forEach(a => console.log(a))
});

💡 다른 풀이

const readline = require('readline');
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

let input = [];

rl.on('line', function (line) {
    input = [line];
}).on('close',function(){
    str = input[0];
    for(let i of str){
        console.log(i)
    }
});

❇️ 알게된 점

1. 문자열을 배열로 바꾸기
2. 배열의 길이만큼의 값 1개씩 꺼내오기

- 스프레드 연산자 [...] (ES6)

*: 문자열을 배열로 전환 - 예) 'string' -> ['s', 't', 'r', 'i', 'n', 'g'] *

세가지 방법 존재

1) String.prototype.split() : 스트링 프로토타입 메서드 split 2) [...string] : 스프레드 연산자 (ES6부터 추가) 3) Array.from(string) : Array 객체의 정적 메서드

속도 비교

스프레드 연산자 > split > Array.from 스프레드 연산자가 Array.from에 비해 두 배 정도 빠른 속도를 보임

split이 이모티콘을 처리하는 방식

'orange🍊'.split(''); // [ 'o', 'r', 'a', 'n', 'g', 'e', '\ud83c', '\udf4a' ]
[...'orange🍊']; // ['o',  'r', 'a', 'n',  'g', 'e', '🍊']
Array.from('orange🍊'); // ['o',  'r', 'a', 'n',  'g', 'e', '🍊']

위 코드와 같이, split 메서드는 멀티바이트 UTF8 문자를 처리할 때 이모티콘 인식 불가

구문

strUpper = str.toUpperCase();

- 콜백함수.forEach()

: forEach()는 주어진 callback을 배열에 있는 각 요소에 대해 오름차순으로 한 번씩 실행 삭제했거나 초기화하지 않은 인덱스 속성에 대해서는 실행하지 않음.

콜백함수 비교해보기 forEach, map, filter, reduce

*배열안의 요소들을 하나하나 탐색해줌 (for문 처럼)

1.forEach : 주어진 함수를 배열에 있는 각 요소에 대해 실행

! 구문

const array1 = ['a', 'b', 'c'];
array1.forEach((element) => console.log(element));

! 결과값
a
b
c

*2.map *: 원본 배열의 요소를 하나하나 탐색하며 return한 값들로 새로운 배열을 생성(원본 배열 길이와 동일)

! 구문
let a = ["사과", "바나나", "복숭아"];
let answer = a.map((value, index) => {
    return value + "맛";
});
console.log(answer);

! 결과값
["사과맛", "바나나맛", "복숭아맛"]

*3.filter *: 원본 배열의 요소를 하나하나 탐색하면서 조건에 맞는 새로운 배열 생성(원본 배열 길이 무시)

! 구문

let a = [10, 20, 30, 40, 50];
let answer = a.filter((value, index) => {
    return value < 30;
});
console.log(answer);

! 결과값
[10,20]

*4.reduce *: 배열의 각 요소에 대해 callback을 실행하며, 단 1개의 출력 결과값 반환 전체 합,최대값, 배열 펼치기, 배열 원소 개수 세기

! 구문

//합구하기
let total = [1, 2, 3, 4, 5].reduce(
  ( acc, curr ) => acc + curr, 
  0
);
console.log(total)

! 결과값
15

참고 : https://velog.io/@sunohvoiin/JavaScript-%EB%AC%B8%EC%9E%90%EC%97%B4%EC%9D%84-%EB%B0%B0%EC%97%B4%EB%A1%9C-%EB%B3%80%ED%99%98%ED%95%98%EB%8A%94-3%EA%B0%80%EC%A7%80-%EB%B0%A9%EB%B2%95-convert-string-to-array

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

🟡언어 : Javascript

🤖 문제

문자열 붙여서 출력하기

두 개의 문자열 str1, str2가 공백으로 구분되어 입력으로 주어집니다. 입출력 예와 같이 str1과 str2을 이어서 출력하는 코드를 작성해 보세요.

입력

apple pen
Hello World!

출력

applepen
HelloWorld!

💡 나의 풀이

const readline = require('readline');
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

let input = [];

rl.on('line', function (line) {
    input = line.split(' ');
}).on('close', function () {
    str1 = input[0];
    str2 = input[1];
    console.log(str1+str2)
});

💡 다른사람의 풀이

const readline = require('readline');
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
}).on('line', function (line) {
    const strArr = line.split(' ')
    console.log(strArr.join(''))
})

 나의 코드보다 유지보수성이 높은 방법이라 생각된다.

🟡언어 : Javascript

🤖 문제

덧셈식 출력하기

두 정수 a, b가 주어질 때 다음과 같은 형태의 계산식을 출력하는 코드를 작성해 보세요. 제한 사항

1 ≤ a, b ≤ 100

입력

4 5

출력

4 + 5 = 9

💡 나의 풀이

const readline = require('readline');
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

let input = [];

rl.on('line', function (line) {
    input = line.split(' ');
}).on('close', function () {
    const a = Number(input[0])
    const b = Number(input[1])

    if(a>=1 && b<=100){
    const result = a+b
    console.log(a+' + '+b+' = '+result);
    }

});

💡 다른 사람의 풀이

const readline = require('readline')
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
}).on('line', function (line) {
    const [a, b] = line.split(' ')
    console.log(a, '+', b, '=', Number(a) + Number(b))
})

🟡언어 : Javascript

🤖 문제

특수문자 출력하기

다음과 같이 출력하도록 코드를 작성해 주세요.

출력

!@#$%^&*(\'"<>?:;

💡 나의 풀이

const readline = require('readline');
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

rl.on('close', function () {
    console.log("!@#$%^&*(\\'\"<>?:;");

});

❇️ 알게된 점

- 특수문자 이스케이프 처리

: ( \ 백슬래시를 ' 또는 " 앞에 추가)

작은 따옴표(') => ' 이스케이프되지 않은 큰 따옴표(") 앞에 백슬래시 \ 를 추가하여 문자열 내에서 큰 따옴표를 사용할 수 있도록 처리

🟡언어 : Javascript

🤖 문제

대소문자 바꿔서 출력하기

영어 알파벳으로 이루어진 문자열 str이 주어집니다. 각 알파벳을 대문자는 소문자로 소문자는 대문자로 변환해서 출력하는 코드를 작성해 보세요.

입력

aBcDeFg

출력

AbCdEfG

💡 나의 풀이

const readline = require('readline');
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

let input = [];

rl.on('line', function (line) {
    input = [line];
}).on('close',function(){
    str = input[0];
    arr = [];

    for (let i = 0; i < str.length; i++) {
        if (str[i] === str[i].toUpperCase()) {
            arr.push(str[i].toLowerCase());
        } else {
            arr.push(str[i].toUpperCase());
    }
    }

    console.log(arr.join(""))
});

❇️ 알게된 점

- toUpperCase()

: 문자열을 대문자로 변환

구문

strUpper = str.toUpperCase(); 

- toLowerCase()

: 문자열을 소문자로 변환

구문

strLower = str.toLowerCase(); 

🟡언어 : Javascript

🤖 문제

문자열 반복해서 출력하기

문자열 str과 정수 n이 주어집니다. str이 n번 반복된 문자열을 만들어 출력하는 코드를 작성해 보세요.

입출력 예

• 입력 #1 string 5
• 출력 #1 stringstringstringstringstring

💡 나의 풀이

const readline = require('readline');
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

let input = [];

rl.on('line', function (line) {
    input = line.split(' ');
}).on('close', function () {
    str = input[0];
    n = Number(input[1]);


    const repeatString = str.repeat(n);
    console.log(repeatString)
});

❇️ 알게된 점

String.prototype.repeat()

: 문자열을 주어진 횟수(count)만큼 반복해 붙인 새로운 문자열을 반환

1. 구문

str.repeat(count); 

2. 예외

RangeError: 반복 횟수는 양의 정수여야 함.
RangeError: 반복 횟수는 무한대보다 작아야 하며, 최대 문자열 크기를 넘어선 안됨.

3. 활용

- 반복문 안에서도 사용가능

예시 구문
for(let i=0;i<5;i++){
    console.log("*".repeat(i+1));
}

출력 구문
*
**
***
****
*****

참고 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String/repeat

🤖 문제

문자열 출력하기

문제 설명 정수 a와 b가 주어집니다. 각 수를 입력받아 입출력 예와 같은 형식으로 출력하는 코드를 작성해 보세요.

제한사항

-100,000 ≤ a, b ≤ 100,000

입출력 예

입력 #1 4 5 출력 #1 a = 4 b = 5

💡 나의 풀이

const readline = require('readline');
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

let input = [];

rl.on('line', function (line) {
    input = line.split(' ');

}).on('close', function () {
    const input1 = Number(input[0]);
    const input2 = Number(input[1]);

    if(input1>=-100000 && input1 <=100000&&input2>=-100000 && input2 <=100000){
        console.log('a = '+input1);
        console.log('b = '+input2);
    }
});

❇️ 알게된 점

input 배열은 전역 변수로 선언

변수의 유효 범위(variable scope)

1. 지역 변수(local variable)

_ ⭐ 지역 변수(local variable) : 함수 내에서 선언된 변수 ⭐ 지역 변수는 변수가 선언된 함수 내에서만 유효하며, 함수가 종료되면 메모리에서 사라짐 ⭐ 함수의 매개변수 또한 함수 내에서 정의되는 지역 변수처럼 동작_

  function localNum() {

    var num = 10; // 지역 변수 num에 숫자 10 대입

    document.write("함수 내부에서 변수 num의 타입은 " + typeof num + "입니다.<br>"); // number

}

localNum();       // 함수 localNum()을 호출함.

document.write("함수의 호출이 끝난 뒤 변수 num의 타입은 " + typeof num + "입니다."); // undefined

    var b = "A가a나A다a"

      b.replace(/a/g,"")
      // 결과 : "A가나A다"

      b.replace(/a/gi,"")
      // 결과 : "가나다"

2. 전역 변수(global variable)

_ ⭐ 전역 변수(global variable) : 함수의 외부에서 선언된 변수 ⭐ 프로그램의 어느 영역에서나 접근할 수 있으며, 웹 페이지가 닫혀야만 메모리에서 사라짐_

var num = 10; // 전역 변수 num 선언

function globalNum() {

    document.write("함수 내부에서 변수 num의 값은 " + num + "입니다.<br>"); // 10

    num = 20; // 전역 변수 num의 값을 함수 내부에서 변경

}

globalNum();  // 함수 globalNum()을 호출

document.write("함수의 호출이 끝난 뒤 변수 num의 값은 " + num + "입니다."); // 20

3. const,let

_ 🛡️ const : 상수 (변치 않는 값을 갖는 변수 - 항상 같은 수)

    - 값 재할당 X
    const myName = 'NY KIM';
    myName = 'Nana';  //TypeError: Assignment to constant variable

    - 반드시 값 할당
    const a;
    console.log(a); //SyntaxError: Missing initializer in const declaration

_ 🕯️ let

    - 다른 값 재할당 O
    let meal = 'Bulgogi';
    meal = 'Bibimbap';_

나중에 다른 값 줄 거야!: let 값 안 바꿀 건데: const

3. var 문제점

_ ⭐ 스코프(scope) 란 변수가 사용될 수 있는 영역_

• 함수스코프

1. var 는 함수 스코프라서 함수 밖에서 사용하면 에러가 발생한다.

function error() {
    var a = 1;
}
console.log(a);     // ReferenceError: a is not defined

2. var 키워드 없이 변수를 선언하면 전역 변수가 된다.

function global() {
    a = 1;
}
function local() {
    console.log(a);
}
global();
local();    // 1 출력

3. for 문에서 선언된 변수가 사라지지 않는다. for 문 뿐만 아니라 while, switch, if 문 등 함수 내부에서 작성되는 모든 코드가 같은 문제를 안고 있다.

for (var i = 0; i < 10; i++) {
    console.log(i);     // 0 ~ 9 출력
}
console.log(i);     // 10 출력

• 호이스팅(hoisting) var 로 정의된 변수는 해당 스코프의 최상단으로 끌어올려진다.

1. 변수를 선언 없이 사용하면 참조 에러가 발생한다.

console.log(a);     // ReferenceError: a is not defined

2. 하지만 다음 코드는 에러가 발생하지 않는다.

console.log(a);     // undefined
var a = 1;

3. 호이스팅에 의해 위 코드는 아래와 같이 취급된다.

var a = undefined;
console.log(a);     // undefined
a = 1;

3. 심지어 변수 선언 전에 값을 할당할 수도 있다.

console.log(a);     // undefined
a = 2;
console.log(a);     // 2
var a = 1;

=> 이런 호이스팅 개념은 코드를 직관적이지 않게 만들며, 버그가 발생하여도 정확한 원인을 찾기 힘들게 만든다.

• 항상 재할당 가능 var 는 재할당 가능한 변수로만 만들 수 있다. 따라서 상수처럼 고정된 값을 변수로 선언해서 이용해야 할 때에도 변경될 위험이 존재

4. const,let 문제점 해결

_ ⭐ ES6 에서 const 와 let 을 이용하는 새로운 변수 정의 방법이 생김_

• 블록 스코프 대부분의 언어에서 블록 스코프를 사용 블록 스코프에서는 블록을 벗어나면 변수를 사용할 수 없다.

1. 블록을 벗어나도 살아있던 var 변수와 달리 const, let 변수는 블록을 벗어나면 관리해줄 필요가 없다.

if (true) {
    const a = 0;
}
console.log(a);     // ReferenceError: a is not defined

• 호이스팅(hoisting) const, let 도 호이스팅 되지만, 변수를 선언하기 전에 사용하려하면 에러발생

1. const, let 은 서로 다른 스코프에서 같은 이름의 변수를 사용할 때 실수를 방지

console.log(a);      // ReferenceError: Cannot access 'a' before initialization
const a = 1;

2. 아래 코드에서 a 는 다른 블록 스코프지만 상위에 선언되었기 때문에 1 이 출력

const a = 1;
{
    console.log(a);     // 1
}

3. 하지만 아래 코드에서는 참조 에러가 발생한다. 하위 블록 스코프에서 호이스팅으로 인해 const a = 2 로 할당 되기 전까지는 사용이 불가능하다. 이처럼 같은 이름의 변수를 사용할 때의 실수를 방지해준다.

const a = 1;
{
    console.log(a);
    const a = 2;
}

• 재할당 불가능 const

const 로 정의된 변수 : 재할당 불가능, const 로 정의된 객체의 내부 속성값은 수정 가능 let 으로 선언된 변수 : 재할당 가능

const arr = [1, 2];
arr[0] = 3;
arr.push(4);
console.log(arr);   // [3, 2, 4]

💗자세한 내용은 아래 블로그에 이해하기 쉽게 설명 https://nykim.work/72

🤖 문제

문자열 출력하기

문제 설명 문자열 str이 주어질 때, str을 출력하는 코드를 작성해 보세요.

제한사항

1 ≤ str의 길이 ≤ 1,000,000 str에는 공백이 없으며, 첫째 줄에 한 줄로만 주어집니다.

입출력 예

입력 #1 HelloWorld! 출력 #1 HelloWorld!

💡 풀이

const readline = require('readline');
const rl = readline.createInterface({
    input: process.stdin,
    output: process.stdout
});

let input = [];


    rl.on('line', function (line) {
    input += line; //여러줄 입력 하나의 문자열로 합침
}).on('close',function(){

        const str = input.trim(); //양쪽 공백제거

        if (str.length >= 1 && str.length <= 1000000) {
        const replacedStr = str.replace(/ /g, ''); //공백을 빈값으로 바꾸어 제거
        console.log(replacedStr);
        }
});

❇️ 알게된 점

** 문자열 공백제거 (replace,trim)**

1. replace

  var a = "가 나 다 라 마 바 사 "

    a.replace(" ","")
    // 결과 : "가나 다 라 마 바 사 "

    a.replace(/ /g,"")
    // 결과 : "가나다라마바사"

_ ⭐ replace 를 이용하면 공백을 빈값으로 바꾸어 제거하는 것과 같은 효과 ⭐ 다만, 문자열의 모든 공백을 제거하기 위해선 정규식을 사용 ⭐ 정규식에서 / /사이의 값을 replace의 두번째 인자값으로 교체가 가능하며, 뒤에붙는 g는 문자열의 모든 / / 사이의 값을 바꿔줌_

    var b = "A가a나A다a"

      b.replace(/a/g,"")
      // 결과 : "A가나A다"

      b.replace(/a/gi,"")
      // 결과 : "가나다"

2. trim

  var a = " 가 나 다 라 마 "
    a.trim()

    // 결과 : "가 나 다 라 마"

_ ⭐ replace는 문자를 교체하는것이기 때문에 공백이 아니라도 가능 ⭐ 위와같이 a라는 문자를 공백으로 교체를 하기위해 정규식을 사용하였는데, g만 사용하면 같은 문자라도 대소문자를 가림 => 따라서, i 옵션을 주어 대소문자를 모두 포함시킬 수 있음._

** 문자열 합치기 (+, concat, join)** 문자열을 연결하거나 붙이기 : "+" 연산자, concat() 함수 배열의 문자열을 합치기 : join() 함수

• 문자열을 합칠 때는 일반적으로 "+" 연산자를 많이 사용
• "+" 연산자가 concat() 함수보다 조금 더 성능이 좋은 걸로 알려져 있음

1. "+" 연산자를 사용하여 문자열 합치기

 var str = 'Java' + 'Script';

// 결과 : 'JavaScript'

  var str = 'JavaScript';
  str += ' ';
  str += 'Developer';

// 결과 : 'JavaScript Developer'

⭐ 문자열 변수를 합칠때도 "+" 연산자 사용 (str1 + str2 + str3) ⭐ 문자열을 연속으로 합칠 때는 "+=" 연산자 사용 (동일 문법)

2. concat() 함수를 사용하여 문자열 합치기

  var str1 = 'Java';
  var str2 = 'Script';
  var str3 = ' ';
  var str4 = 'Developer';
  var res = str1.concat(str2, str3, str4);

// 결과 : 'JavaScript Developer'

⭐ concat() 함수의 인자는 1개 이상 입력해야 하며, 입력한 인자의 개수만큼 문자열을 합침

  var res = ''.concat('JavaScript', ' ', 'Developer');

// 결과 : 'JavaScript Developer'

⭐ 빈 문자('')에서 concat() 함수 사용 가능

3. join() 함수를 사용하여 배열을 문자열로 합치기

   var langs = ['HTML', 'CSS', 'JavaScript'];
   var res = langs.join();

// 결과 : 'HTML,CSS,JavaScript'

⭐ join() 함수에 빈 문자를 인자로 넣으면 구분자없이 문자열 합침

  var langs = ['HTML', 'CSS', 'JavaScript'];
  var res = langs.join('/');

// 결과 : 'HTML/CSS/JavaScript'

⭐ join() 함수에 특정 구분자('/')를 인자로 넣으면 해당 구분자로 배열의 문자열을 합침

🚧 에러 상황 error: src refspec main does not match any

** git push origin master** 입력하니 에러 발생

🔎 이유

• 깃허브에서 pull 없이 push할 경우 기존 내용을 삭제하거나 하는 문제가 생길 수 있기 때문에, 이런 문제를 피하고자 에러 메세지를 발생

❓해결방안 $ git init $ git add . $ git log --graph --oneline --all $ git commit -m '커밋 메세지' $ git push -u origin master

2.

🚧 에러상황 error: src refspec master does not match any error: failed to push some refs to 'https://github.com/~~

$ git push -u origin master 입력하니 에러 발생

🔎 이유

• master branch가 없어서 발생하는 오류

❓해결방안 $ git checkout -b 'master' $ git push origin master

• [new branch] master -> master 성공!❇️