먼저 time 데이터는 "11:00", "18:00" 처럼 문자열 형식으로 들어있다.

이 데이터를 "오전 11시", "오후 6시"의 형태로 반환하는 것이 내 목표이다.

2. 시간과 분 데이터 나누기

• 오전, 오후를 판단하는데 필요한 시간 부분만 가져와 줍니다!

const [hourStr, minuteStr] = reserve_info.time.split(":");
const hour = parseInt(hourStr, 10);

• *split() : * 지정한 문자열을 기준으로 나누어 배열로 반환해주는 함수

• *parseInt(문자열, 진수) : * 문자열을 숫자로 변환해주는 함수

문자열을 숫자로 변환할때 진수까지 표현한 이유는 0n처럼 0으로 시작하는숫자가 입력 되었을 때 8진수로 착각하는 경우를 방지하기 위함이다!

참고자료 자바스크립트 parseInt오류 관련 (08, 09형태의 문자가 0으로 되는 문제)

3. 오전, 오후 구분하기

• 12보다 작으면 오전으로 12보다 크면 오후로 판단하기!

let period = '';
let displayHour = hour;

if (hour < 12) {
  period = '오전';
  if (hour === 0) displayHour = 12;
} else {
  period = '오후';
  if (hour > 12) displayHour = hour - 12;
}

이 부분은 코드 설명이 필요없을 정도로 간단한 로직이다. 오전일 때 00시는 12시로 나타냈고, 오후일 때는 12을 빼서 원하는 형태로 변환했다.

4. 문자 합치기

• 원하는 형태로 바꾼 시간 데이터를 합치는 코드

  period.concat(" ", displayHour, "시"),

  • 문자열1.concat(문자열2) : 문자열을 합쳐주는 함수

concat을 사용해 완성된 문자열을 합쳤다!

period + " " + displayHour + "시"

concat함수를 사용하지 않고 이렇게도 할 수 있다. 나는 날짜 계산할 때 concat을 사용해서 시간도 concat을 사용했다!

5. 결과

{
    "date": "2025.06.05 (목)",
    "time": "오전 11시",
    "people_num": "3명"
}

이렇게 시간까지 원하는 형태로 바꿀 수 있었다! 코딩테스트 푸는 것 같고 재미있었던 거 같다ㅎㅎ

DB에 날짜 데이터가 "2025-06-05"형식으로 저장되어있는데, 이걸 "2025.06.05 (목)" 형식으로 변환하여 반환하는 것이 목표이다.

2. 원하는 형태로 변환

• "2025-06-05" 를 "2025.06.05"로 바꾸는 코드

  const reserve_date = reserve_info.date.replace(/-/g, ".");

  • /-/g : global 플래그, 모든 "-"

• replace(a, b) : a를 b로 변환

정규표현식과 replace 함수를 사용하여 "2025.06.05" 형태로 바꾸었다. 이것만으로도 거의 다 됐다고 볼 수있다!!

3. 요일 구하기

• 해당 날짜의 요일을 구하는 코드

  const date = new Date(reserve_info.date);
  const day_list = ["(일)", "(월)", "(화)", "(수)", "(목)", "(금)", "(토)"];

  • *new Date() : * Date 객체를 만들어서 날짜/시간을 표현할 수 있게 해주는 함수

내 reserve_info.date는 "20205-06-05"라는 값을 가지고 있기 때문에 이걸로 Date객체를 만들면 "2025-06-05T00:00:00.000Z"으런 형태로 나온다.

getDay()를 사용할 것이기 때문에 요일을 담은 배열도 만들었다 => 요일을 0, 1, 2, 3과 같은 숫자로 반환함 (0부터 일요일)

4. 문자 합치기

• 원하는 형태로 바꾼 날짜와 요일을 합치는 코드

  reserve_date.concat(" ", day_list[date.getDay()]);

  • 문자열1.concat(문자열2) : 문자열을 합쳐주는 함수

concat을 사용해 완성된 문자열을 합쳤다!

reserve_date + " " + day_list[date.getDay()];

concat함수를 사용하지 않고 이렇게도 할 수 있다.

5. 결과

{
    "date": "2025.06.05 (목)",
    "time": "11:00",
    "people_num": "3명"
}

원하던 대로 값이 잘 나오는 것을 알 수 있다! 이제 time도 변환해야겠다..ㅎㅎㅎ

커밋 메세지를 잘못 작성한 상태로 커밋을 해버려서 원격에 올린 커밋 내역을 삭제해보기로했다.

과거에 한 번 실패한 경험이 있지만... git rest HEAD^ 잘못 사용했을 때 커밋 내용 되돌리기

1. git reset --hard HEAD~1 사용법

1 - 1 ) 로컬에서 커밋 내역 삭제하기

git reset --hard HEAD~1

Git Bash에 해당 명령문을 작성하면
먼저 로컬에서 커밋 내역이 삭제 된다.

#### 1 - 2 ) 원격에 반영시키기
> ``` 
git push origin main --force

위의 명령문을 통해 변경 된 내역을 원격에 강제로 반영 시킬 수 있다.

2. git reset --hard HEAD~1 되돌리는법

2 - 1 ) 작업 내역 로그하기

git reflog

Git Bash에 해당 명령문을 작성하면
최근 HEAD 이동 내역을 볼 수 있다.

#### 2 - 2 ) 원하는 커밋 찾기
>![](https://velog.velcdn.com/images/naji2-2/post/af2d7dbb-83da-4f7e-9af2-19b6f965afa8/image.png)

명령어를 사용하면 이런 커밋 내역들을 발견할 수 있을 것이다.
노란색으로 가려진 부분이 해시인데 이부분을 복사한다

#### 2 - 3 ) 복구하기
> ``` 
git reset --hard (해시)

이렇게 하면 삭제했던 입력한 해시의 커밋 내역이 돌아온다.

후기

왠만하면 이 기능은 사용하지 않는 게 좋겠다.. 특히 협업이나, 중요한 프로젝트라면 더더욱 나는 다행히 문제가 있었던 프로젝트 둘 다 혼자 진행하는 부분이었기에 큰 문제는 없었다

하지만 괜히 사용했다가 더 큰 파장을 불러올 수 있으니까...(경험담)

함수 오버로딩 모호성 문제에 대해 공부해보았다

1. 문제 발생

#include <iostream>

int function(int a = 5) {
    return a + 1;
}

int function(void) {
    return 10;
}

int main(void) {
    std::cout << function() << std::endl;
    std::cout << function(3) << std::endl;
    return 0;
}

함수 시그니처가 다르기 때문에 실행될 것이라고 생각했지만, 실행되지 않았다.

이유는 디폴트 매개변수가 있는 함수의 경우

std::cout << function() << std::endl;
std::cout << function(3) << std::endl;

인자가 없는 경우와 있는 경우 모두 실행될 수 있기 때문인데, 따라서 C++ 컴파일러는 둘 다 후보 함수로 생각하게 된다.

2. 문제 해결

2-1) 해결 방법 1 : 디폴트 인자를 제거하거나 하나만 정의

int function(int a) {
    return a + 1;
}

또는

int function() {
    return 10;
}

이렇게 수정하여 모호성 문제가 발생하지 않도록 하는 방법이 있다.

2-2) 해결 방법 2 : 이름을 다르게 해서 오버로딩 문제 없애기

int functionWithParam(int a = 5) {
    return a + 1;
}

int function() {
    return 10;
}

위와 같이 함수의 이름을 바꾸게 되면 출력문도

std::cout << function() << std::endl;
std::cout << functionWithParam(3) << std::endl;

이렇게 바뀌기 때문에 모호성 문제가 발생하지 않게 되는 방법이다.

디폴트 매개변수를 설정한 것에는 이유가 있기 때문에 2번째 방법 처럼 이름을 바꾸는 것이 더 맞는 해결 방법인 것 같지만 함수의 이름을 같게 설정한 것에도 이유가 있을 것 같다는 생각든다...

3. 느낀점

디폴트 매개변수가 있는 함수와 매개변수가 없는 함수를 같이 선언하면, 인자 없이 호출할 경우 둘 다 호출될 수 있어서 모호성이 생긴다는 것을 알게 되었다.

오늘 선생님께 질문을 드렸고 실무에서는 위와 같은 모호성 문제가 발생하면 함수 이름을 수정하는 방법보다는 디폴트 인자를 제거하는 방식이 나을 것이라고 하셨다. 함수 이름이 같은 것에는 이유가 있고, 또 이름이 같은 함수는 오버로딩인 경우가 있기 때문이다.

이론 공부는 어렵지만 알 수록 코드를 작성하는데 도움이 되는 것 같아 더 열심히 공부하고 싶다!

디폴트 매개변수를 가진 함수에 대해 공부해보았다

1. 기본 예제

#include <iostream>

int function(int a = 5) {
     return a + 1;
}

int main(void) {
     std::cout << function() << std::endl;    // 6
     std::cout << function(3) << std::endl;    // 4
     return 0;
}

디폴트 매개변수란?

전달되지 않은 인자를 대신하기 위한 기본 값이 설정되어 있는 변수이다

std::cout << function() << std::endl;

이렇게 실행하게 되면 디폴트 값이 5가 a에 들어가 실행결과가 6이 된다.

std::cout << function(3) << std::endl;

이렇게 실행하게 되면 인자인 3이 a에 들어가 실행결과가 4가 된다.

2. 발생 할 수 있는 오류

매개변수가 2개인 경우 발생 할 수 있는 오류

#include <iostream>

int function(int a = 5, int b) {
     return a + b +  1;
}

int main(void) {
     std::cout << function(10, 2) << std::endl;
     std::cout << function(3) << std::endl;
     return 0;
}

std::cout << function(10, 2) << std::endl;

해당 코드는 정상적으로 13이 출력 된다.

std::cout << function(3) << std::endl;

하지만 이 코드에서 문제가 발생한다.

이유는 매개변수 중 a에만 디폴트 값이 들어있기 때문이다. 인자로 들어간 3은 a값에 들어가게되고, b값은 초기화되지 않았기 때문에 문제가 된다.

해결 방법

#include <iostream>

 int function(int a, int b = 5) {
     return a + b + 1;
 }

int main(void) {
     std::cout << function(10, 2) << std::endl;
     std::cout << function(3) << std::endl;
     return 0;
}

디폴트 값을 주려면 뒤에 있는 변수에 값을 주어야 문제가 발생하지 않는다. 이렇게 디폴트 값을 주면 인자가 한 개인 경우와 두 개인 경우 모두 정상적으로 실행되기 때문이다.

3. 느낀점

방과후 시간에 C++을 복습하며, 배웠던 개념을 정리 할 수 있어서 좋았다!

node.js에서 callback함수는 특정 작업이 완료된 후에 호출되는 함수 다른 함수의 인수로 전달되는 함수로 비동기 작업을 처리할 때 사용

1-1) 특징

• argument로 넘겨 받는 함수

• 외부함수에 의해서 호출 되는 함수
• 비동기 처리에 유용함

2. 콜백 함수를 사용하는 이유는?

node.js는 비동기, 논블로킹(Nom-blocking) 방식으로 작동함 IO작업(파일 읽기, 데이터베이스 쿼리 등)이 끝날 때 까지 기다리지 않고 다음 작업을 시작함. 이때, 비동기 작업이 끝난 후 실행할 코드가 필요함 -> 콜백 함수 (순차적으로 진행해야하는 일이 있을 때, CPU를 효율적으로 사용하기 위해서)

3. 콜백 함수의 예시

3-1) 비동기 작업에 대한 콜백 함수 사용 예시 (파일 읽기)

const fs = require('fs');

// 비동기적으로 파일을 읽는 예시
fs.readFile('example.txt', 'utf8', (err, data) => {
  if (err) {
    console.log('파일 읽기 오류:', err);
    return;
  }
  console.log('파일 내용:', data);
});

• 파일을 비동기적으로 읽음 세번째 인수로 콜백 함수를 받아, 파일 읽기가 완료되면 호출

• err : 오류가 발생하면 오류 정보를 전달

• data : 파일의 내용이 정상적으로 읽히면 내용을 전달

3-2) 일반적인 함수의 콜백 함수 예시

function greet(name, callback) {
    console.log(`Hello, ${name}!`);
    callback();  // 콜백 함수 호출
}

// 콜백 함수 정의
function sayGoodbye() {
    console.log('Goodbye!');
}

// greet 함수 호출 시 콜백 함수로 sayGoodbye 전달
greet('Alice', sayGoodbye);

• name과 콜백 함수 callback을 인수로 받음

• greet 함수는 이름을 출력한 후, callback()을 호출하여 sayGoodbye를 실행

"Hello, Alice!"가 먼저 출력 후, "Goodbye!"를 출력

4. 콜백 함수의 장점

• 비동기 작업 처리: 비동기적으로 실행되는 작업이 끝난 후 실행할 작업을 콜백 함수로 정의할 수 있어 프로그램이 대기하지 않고 다른 작업을 계속할 수 있음

• 유연성: 코드에서 필요한 부분을 콜백 함수로 전달해 재사용 가능한 구조를 만들 수 있음

5. 콜백 지옥 : 콜백 함수의 단점

콜백 함수가 중첩되면 가독성이 떨어지고, 코드 관리가 어려워지는 상황을 콜백 지옥이라고 함

콜백 지옥의 예시

fs.readFile('file1.txt', 'utf8', (err, data1) => {
if (err) throw err;
      fs.readFile('file2.txt', 'utf8', (err, data2) => {
    if (err) throw err;
        fs.readFile('file3.txt', 'utf8', (err, data3) => {
        if (err) throw err;
            console.log(data1, data2, data3);
        });
    });
});

이를 보완하기 위해 promise, async/await를 사용함

application.properties 설정 파일의 username과 password 중 오타가 있어서 오라클에 접속하지 못해 발생한 오류였다.

SELECT * FROM all_users;

위의 명령어를 사용해 내가 적은 username 이 있는지 확인했고 목록에 없다는 걸 알게 되어 수정하였다!

이후에

값을 넣어보니!

잘 들어가는 것을 확인 할 수 있었다! 오타가 없는지 꼼꼼히 확인하고, 에러메세지를 잘 봐야겠다는 생각을 하게되었다!

Action:

Consider the following: If you want an embedded database (H2, HSQL or Derby), please put it on the classpath. If you have database settings to be loaded from a particular profile you may need to activate it (no profiles are currently active).

spring.datasource.username=springscott

데이터 베이스 이름을 잘못 작성해 찾을 수 없어 발생한 오류였다... 이름을 수정하니 해당 오류는 뜨지 않았지만

Error starting ApplicationContext. To display the condition evaluation report re-run your application with 'debug' enabled. 2025-04-18T11:27:09.080+09:00 ERROR 18576 --- [MyBatisPrj] [ restartedMain] o.s.boot.SpringApplication : Application run failed

여전히 실행되지 않고 서버가 꺼졌다.

옆에서 친구가 Memo_mapper.xml 파일을 지워보라는 말을 듣고 아직 아무내용도 없던 빈 파일이었기에 지워봤는데

잘 실행 된다! 왜 실행 되지 않았던 건지는 알지 못하겠다.. 아시는 분 있으시면 댓글 남겨주세요...ㅎㅎㅎ

문제 풀이

function solution(s) {
    var answer = '';
    let numbers = [];

    let str = s.split(" ");

    for(let x of str){
        numbers.push(parseInt(x));
    }

    let max = parseInt(str[0]);
    let min = parseInt(str[0]);

    for(let x of numbers){
        if(x > max){
            max = x;
        } else if(x < min){
            min = x;
        }
    }

    answer += min.toString().concat(" ", max.toString());

    return answer;
}

• split(" ") : 공백을 기준으로 문자열을 나눔 (arry 형태로 반환)

• parseInt : int 타입으로 변환
• push() : 배열의 마지막에 값을 추가함
• concat : 지정자를 사용해서 문자열로 합침

문제 풀이가 너무 길어서 다른 방법을 통해서도 풀어보았다

function solution(s) {
    var answer = '';

    answer = s.split(" ").map(a => parseInt(a));

    answer = Math.min(...answer) + " " + Math.max(...answer)

    return answer;
}

• split(" ") : 공백을 기준으로 문자열을 나눔 (arry 형태로 반환)

• .map(a => parseInt(a)) : a를 int 타입으로 변환함
• ...(arry) : 전개 연산자(배열의 모든 값을 넘김)
• Math.min / Math.max : Math의 내장 함수 - 최솟값, 최댓값을 찾음

TIL 함수를 적절히 사용하면 코드도 짧아지고 가독성도 좋아진다는 것을 알 수 있었다! map을 더 공부하고싶다는 생각이 들었다

문제 풀이

SELECT WAREHOUSE_ID, WAREHOUSE_NAME, ADDRESS, IFNULL(FREEZER_YN, 'N')
FROM FOOD_WAREHOUSE
WHERE ADDRESS LIKE '경기도%';

• LIKE '경기도%' : 경기도로 시작하는 문자열 찾기

NULL 처리하는 함수

• IFNULL(칼럼, 칼럼이 NULL일때 넣을 값) => MySQL에서 사용

• NVL(칼럼,칼럼이 NULL일때 넣을 값) => Oracle에서 사용

TIL 이전에 풀었던 문제와 굉장히 유사한 문제여서 금방 풀 수 있었다 NULL을 처리하는 함수를 찾다가 IFNULL이라는 새로운 함수를 알 수 있었다

많이 사용 되는 array 내장함수에 대해 정리해보고자합니다!

내장 함수란? 프로그래밍 안에서 별도로 import 없이 사용 할 수 있는 함수

toString() : 배열에 있는 내용을 문자열로 바꿔줌

→ ex) 배열.toString()

var fruits1 = ["Banana", "Orange", "Apple"];
console.log(fruits1.toString());  // BananaOrangeApple

join() : 사용자가 지정한 문자열로 이어줌

→ ex) 배열.join("연결할 문자")

var fruits1 = ["Banana", "Orange", "Apple"];
console.log(fruits1.join(" "));  // Banana Orange Apple

push() : 배열의 가장 마지막에 새로운 항목을 추가함

→ ex) 배열.push()

var fruits2 = ["Banana", "Orange", "Apple"];
fruits2.push("Kiwi");
console.log(fruits2);  // ['Banana', 'Orange', 'Apple', 'Kiwi']

pop() : 배열의 가장 마지막 항목을 리턴하며 배열에서 제외함

→ ex) 배열.pop()

var fruits2 = ["Banana", "Orange", "Apple"];
var arr2 = fruits2.pop();
console.log(arr2);      // Apple
console.log(fruits2);  // ['Banana', 'Orange']

shift() : 배열의 첫번째 항목을 제거하여 리턴

→ ex) 배열.shift()

var fruits3 = ["Banana", "Orange", "Apple"];
var str = fruits3.shift();
console.log(str);        // Banana
consloe.log(fruits3);    // ['Orange', 'Apple']

unshift() : 배열의 첫번째에 새로운 항목을 추가함

→ ex) 배열.unshift()

var fruits4 = ["Banana", "Orange", "Apple"];
fruits4.unshift("lemon");
console.log(fruits4);  // ['lemon', 'Banana', 'Orange', 'Apple']

배열 값 바꾸기

기본 적인 방식

fruits4[0] = "Grape";      // lemon ==> Grape
console.log(fruits4);      // ['Grape', 'Orange', 'Apple']
console.log(fruits4.length);  // 3

// 배열 마지막 인덱스에 값을 넣음
fruits4[fruits4.length -1] = "Peach";
console.log(fruits4);  // ['Grape', 'Orange', 'Peach']

함수를 이용한 방법

splice(a, b) : a = 시작위치, b = 삭제할 항목 수

var fruits5 = ["Banana", "Orange", "Apple"];

fruits5.splice(1, 2);
console.log(fruits5);  // ['Banana']

fruits5.splice(1, 0, "Lemon", "Kiwi");  // 0개 제거 가능
console.log(fruits5);  // ['Banana', 'Lemon', 'Kiwi']

fruits5.splice(1, 1, "Lemon", "Kiwi");
console.log(fruits5);  // ['Banana', 'Lemon', 'Kiwi', 'Kiwi']

concat() : 두개의 배열을 하나의 배열로 만듦

→ ex) 배열.concat()

var arr1 = ['Hello'];
var arr2 = ['java', 'script'];
var arr = arr1.concat(arr2);
console.log(arr);  // ['Hello', 'java', 'script']

sort() : 배열을 정렬함

→ ex) 배열.sort()

var fruits8 = ["Banana", "Orange", "Apple", "Lemon", "Kiwi"];
console.log(fruits8.sort());  // ['Apple', 'Banana', 'Kiwi', 'Lemon', 'Orange']

var points = [40, 100, 70, 21, 99];
// 숫자를 문자로 인식하여 오름차순 정렬
console.log(points.sort());  // [100, 21, 40, 70, 99]

숫자 정렬 방법

var points = [40, 100, 70, 21, 99];

points.sort( function(a,b) {
    if(a>b)
        return 1;    // return true
    else
    return -1;      // return flase
});

간단하게 변환

// 오름차순 & 내림차순 정렬
points.sort( function(a, b) {
            return a-b;     // return b-a(내림차순)
        });

console.log(points);              //[21, 40, 70, 99, 100]
console.log(points.reverse());  //[100, 99, 70, 40, 21]

object 정렬 방법

var persons = [
            {name:"유재석", point:78, city:"서울"},
            {name:"김종국", point:92, city:"대구"},
            {name:"양세찬", point:76, city:"서울"},
            {name:"하 하", point:81, city:"제주"} 
        ];

console.log(persons.sort());

objet에는 정렬이 적용되지 않는다.

//function을 이용해서 sort를 만들어야함
persons.sort( function(a,b) {
    //삼항 연산자 이용
     return (a.point > b.point) ? 1 : -1
});

console.log(persons) 
// 0: {name: '양세찬', point: 76, city: '서울'}
// 1: {name: '유재석', point: 78, city: '서울'}
// 2: {name: '하 하', point: 81, city: '제주'}
// 3: {name: '김종국', point: 92, city: '대구'}

filter() : 조건에 맞는 배열만 리턴

→ ex) 배열.filter( function(a) {()});

// filter을 이용해 point가 80이상인 사람만 출력
   var pass = persons.filter( function(per) {
       return per.point > 80;
   });
   console.log(pass)
   // 0: {name: '김종국', point: 92, city: '대구'}
   // 1: {name: '하 하', point: 81, city: '제주'}

// filter을 이용해 city가 서울인 사람만 출력
   var seoul = persons.filter( function(per) {
       return per.city === "서울";
   })
   console.log(seoul);
   // 0: {name: '유재석', point: 78, city: '서울'}
   // 1: {name: '양세찬', point: 76, city: '서울'}

reduce(a, c) : 누산기

→ ex) 배열.reduce( function(a, c) {()});

a : sccumulator = 누산기 / c : currentValue = 현재값

var arr4 = [1, 2, 3, 4];
var total = arr4.reduce( function(a,c) {
    return a+c;
});

console.log(total);  // 10

function을 사용하는 filter(), reduce()는 아직도 헷갈리는 것 같아요

더 더 열심히 공부하겠습니다

글 읽어주셔서 감사합니다!

많이 사용 되는 String 내장함수에 대해 정리해보고자합니다!

내장 함수란? 프로그래밍 안에서 별도로 import 없이 사용 할 수 있는 함수

length : 문자열의 길이를 리턴

→ ex) 문자열.length;

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
console.log(txt.length);  // 26

indexOf() / serch() : 문자열의 위치를 찾아 리턴, 찾지 못 할 시 -1을 리턴

→ ex) 문자열.indexOf(찾고 싶은 문자열);

→ ex) 문자열.search(찾고 싶은 문자열);

var str = "Please locate where 'locate'";
console.log(str.indexOf("locate"));  // 7
console.log(str.indexOf("jisu"));  // -1

locate가 str에 두 번 들어 있지만 처음으로 발견한 위치인 7을 return함

slice : 문자열을 원하는 만큼 잘라서 리턴

→ ex) 문자열.slice(원하는 index);

var str = "Apple, Banana, Kiwi";
console.log(str.slice(7,13)); // 출력은 12번까지  // 출력값 : Banana          
console.log(str.slice(7));    // 7부터 끝까지     // 출력값 : Banana, Kiwi
console.log(str.slice(-12, -6));                // 출력값 : Banana
console.log(str.slice(-12));                    // 출력값 : Banana, Kiwi

substring() : 문자열을 원하는 만큼 잘라서 리턴

→ ex) 문자열.substring(시작 인덱스, 끝 인덱스);

var str = "Apple, Banana, Kiwi";
console.log(str.substring(7,13));  // 출력값 : Banana
console.log(str.substring(7));     // 출력값 : Banana, Kiwi
console.log(str.substring(-3));    // 출력값 : Apple, Banana, Kiwi
console.log(str.substring(5, -3)); // 출력값 : Apple

slice와 substring의 차이점은 입력값으로 음수가 들어왔을 때 있다. slice는 음수가 들어왔을 때 음수 인덱스를 적용하여 리턴하지만 substring은 음수가 들어오면 해당 인덱스를 0으로 적용한다.

substr() : 특정 인덱스부터 원하는 길이만큼 잘라서 리턴

→ ex) 문자열.substr(시작 인덱스, 원하는 길이);

var str = "Apple, Banana, Kiwi";
console.log(str.substr(7,6));  // 출력값 : Banana

replace() : 문자열 치환, 특정 문자열을 원하는 문자열로 변환

→ ex) 문자열.replace("a", "B");

var str1 = "Plese visit here";
var str2 = str1.replace("here", "there");  // 출력값 : Plese visit there

문제점

var str5 = "Please visit here here here";
var str2 = str1.replace("here", "there");
// 출력값 : Plese visit there here here

바꾸고자 하는 특정 문자열이 여러개 있는 경우 첫번째로 만나는 문자열만 치환하게 된다.
이러한 경우에는 정규 표현식을 사용하면 해결 된다.

#### 정규 표현식 사용
```javascript
var str5 = "Please visit here here here";
var str6 = str5.replace(/here/g, "there");  // g = globa : 모든 "there"에 적용

var str7 = "Please visit Here HERE here";
var str8 = str7.replace(/here/gi, "there");  // i = ignore : 대소문자 무시

toUpperCase() : 대문자로 변환

→ ex) 문자열.toUpperCase();

var str9 = "Please visit Here HERE here";
console.log(str9.toUpperCase());
// 출력값 : PLEASE VISIT HERE HERE HERE

toLowerCase() : 소문자로 변환

→ ex) 문자열.toLowerCase();

var str9 = "Please visit Here HERE here";
console.log(str9.toUpperCase());
// 출력값 : PLEASE VISIT HERE HERE HERE

concat() : 문자열끼리 합침

→ ex) 문자열1.concat(문자열2));

var txt1 = "Hello";
var txt2 = "World";
console.log(txt1.concat(" ", txt2));            //  출력값 : Hello World
console.log(txt1.concat(" ", " Love ", txt2));  //  출력값 : Hello Love World

padStart() : 현재 문자열의 시작을 다른 문자로 채워, 주어진 길이로 만듦

→ ex) 문자열padStart(원하는 길이, 채울 문자);

var str11 = "1234";
console.log(str11.padStart(8,0));             //  출력값 : 00001234
console.log("C-" + str11.padStart(8,0));   //  출력값 : C-00001234

padEnd() : 현재 문자열의 끝을 다른 문자로 채워, 주어진 길이로 만듦

→ ex) 문자열.padEnd(원하는 길이, 채울 문자);

var str11 = "1234";
console.log(str11.padEnd(8,0));             //  출력값 : 12340000
console.log("C-" + str11.padEnd(8,0));     //  출력값 : C-12340000

charAt() : 문자열에서 특정 인덱스에 위치하는 문자를 리턴함

→ ex) 문자열charAt(인덱스);

var str13 = "Hello World";
console.log(str13.charAt(1));            // 출력값 : e

split() : 구분자로 문자열을 분리하여 배열로 리턴

→ ex) 문자열.split(구분자);

var tags = "키보드,기계식,블루투스";
var arr1 = tags.split(",");
// 출력값 : ['키보드', '기계식', '블루투스']

많이 사용하게 되기 때문에 저도 기억해두려고 노력하고 있어요!

자유자재로 사용할 수 있도록 더 힘내겠습니다

글 읽어주셔서 감사합니다!

JavaScript 복습겸 누군가에게 도움이 되길 바라면서 이 글을 시작합니다!

자바스크립트 출력 위치

<script>
        doucument.write("화면에 메세지를 출력합니다.")   // 화면에 출력
        console.log("콘솔창에 출력합니다.")             // 콘솔에 출력
</script>

변수 선언 방법 (var, let, const)

- var

  var x = 5;
  var y = 6;
  var z = x+y;

  var x = 23;  // var는 또 선언 가능
  z = x + 1;

변수명의 재선언이 가능하며 값을 자유롭게 바꿀 수 있음

- let

  let x1 = 5;
  let y1 = 6;
  let z1 = x1 + y1;

  // let x1 = 7;  --> 변수명의 재사용시 에러발생
  x1 = 7;  // 정상적으로 실행됨

변수명의 재선언은 불가능하지만 값을 다시넣는 것은 가능하다

- const

  const PI = 3.41592;

  // PI = 3.14  --> 에러발생
  // const PI = 3.14  --> 에러발생

변수명의 재선언이 불가능하며 한번 지정된 값을 바꾸는 것도 불가능하다

데이터 타입(String, Number, Object, Array, Undefined, Null, Boolean)

- String

let name1 = "홍길동";
let name2 = '홍길순';


// *문장 안에 따옴표 넣기표 넣기*
let str1 = "저의 이름은 " + 'name1' + " 입니다.";

// 실행결과 --> 저의 이름은 name1 입니다. (''가 보이지 않음)

let str2 = '저의 이름은 "name1" 입니다';
let str3 = "저의 이름은 \"name1\" 입니다";

// 실행결과 --> 저의 이름은 "name1" 입니다

- Number

let x = 3;
let y = 3.14;

- Object

let person = {};  // 선언
person.firstName = "나";
person.lastName = "지수";
person.age = 18;

console.log(person1);

// 실행결과 --> {firstName: '나', lastName: '지수', age: 18}

- Array

let arr = [];
arr.push("나지수");
arr.push(2.25);
arr.push(null);
arr.push(undefined);

- Boolean

let isAdult = true;
let num1 = 5;
let num2 = 7;

consloe.log(num1 > num2);

// 실행결과 --> false

- Undefined

let u1;
console.log(u1);

// 실행결과 --> 에러발생 ul is not defined

let u2 = undefined;
console.log(u2);

// 실행결과 --> undefined

- Null

let n1 = null;
console.log(n1);

// 실행결과 --> null

- 타입 확인 방법

let num1 = 5;
console.log(typeof num1);

// 실행결과 --> number

let isAdult = true;
console.log(typeof isAdult);
// 실행결과 --> boolean

type of 를 사용하면 해당 데이터의 타입이 무엇인지 알 수 있습니다!

자바스크립트의 기본적인 문법에 대한 글을 적어봤습니다!

다음에는 내장함수들에 대한 내용을 정리해볼게요

글 읽어주셔서 감사합니다!

문제 풀이

SELECT DR_NAME, DR_ID, MCDP_CD,
    DATE_FORMAT(HIRE_YMD, '%Y-%m-%d') AS HIRE_YMD
FROM DOCTOR
WHERE MCDP_CD LIKE 'CS' OR MCDP_CD LIKE 'GS'
ORDER BY HIRE_YMD DESC, DR_NAME ASC;

• MCDP_CD = 'CS' OR MCDP_CD = 'GS' : 해당 코드를 사용해도 진료과가 CS 혹은 GS인 의사가 잘 나온다

TIL

DATE_FORMAT(HIRE_YMD, '%Y-%M-%D') AS HIRE_YMD

위의 코드로 작성하면 달과 일이 숫자가 아닌 영어로 나온다는 것을 알 수 있었다

문제 풀이

SELECT ANIMAL_ID, NAME
FROM ANIMAL_INS
WHERE NAME LIKE '%EL%'
AND ANIMAL_TYPE LIKE 'Dog'
ORDER BY NAME ASC;

• LIKE '%el%' : 앞 뒤 상관없이 el의 포함여부를 확인

TIL %의 활용에 대해 알게 되었다!

문제 풀이

SELECT NAME, DATETIME
FROM ANIMAL_INS
ORDER BY ANIMAL_ID DESC

• ORDER BY (칼럼명) DESC : 역순으로 정렬하기

TIL ORDER BY를 사용해서 정렬했다 그냥 사용하면 오름차순으로 정렬 되지만 DESC를 사용해 역순으로 정렬되도록했다

프로젝트 협업을 위해 친구와 mysql workbench에서 연동하는 중 공유하려던 schema뿐만 아니라, 나의 모든 schema가 친구에게 공유되는 문제가 발생하였다

문제를 해결하기 위해 먼저 cmd에 들어가 mysql에 접속한다

mysql -u root -p

1. 사용자의 현재 권한 확인

SHOW GRANTS FOR 'user'@'%';

문제가 있었던 user라는 계정이 현재 어떤 권한을 가지고 있는지를 확인 할 수 있는 코드이다

위 문장이 있다면 모든 DB에 접근 가능한 상태이다.

2. 모든 DB에 대한 권한 제거

REVOKE ALL PRIVILEGES, GRANT OPTION FROM 'user'@'%';

모든 데이터베이스에 대한 권한을 제거하는 코드이다

위의 코드를 사용하면 user의 모든 권한을 제거 할 수 있다

3. gullap 스키마만 접근 허용

GRANT ALL PRIVILEGES ON `gullap`.* TO 'user'@'%';

user 계정에 gullap 데이터베이스의 접근만 허용하는 코드이다

위의 코드를 사용하면 user 계정이 gullap 데이터베이스만 사용할 수 있다 만약 읽기 전용 권한만 주고 싶다면 ALL PRIVILEGES 대신 SELECT 같은 권한만 주면 된다

• ALL PRIVILEGES : 모든 권한을 줌 (gullap에 대한 모든 권한)

4. 변경 사항 적용

FLUSH PRIVILEGES;

마지막으로 위의 코드를 사용하면 권한이 다시 설정된다

다음과정을 다 마치고 다시 접속해보면

이렇게 gullap만 표시되는 것을 볼 수 있다

어렵게만 생각했던 DB연결이었는데 다른 분들의 글을 참고하니 빠르게 성공 할 수 있었다! DB연결에 참고한 글 : https://we-always-fight-with-code.tistory.com/6

문제 풀이

SELECT NAME, COUNT(*) AS COUNT
FROM ANIMAL_INS
WHERE NAME IS NOT NULL
GROUP BY NAME
HAVING COUNT > 1
ORDER BY NAME

• COUNT(*) : 조건에 해당하는 모든 행의 갯수를 세는 명령문

• GROUP BY (칼럼명) : 특정 컬럼을 기준으로 그룹화하는 명령문
• HAVING : GROUP BY절에서 조건을 주는 경우 사용

TIL GROUP BY와 HAVING이라는 명령문을 처음으로 사용해보았다 아직 많이 어색하고 어려워서 비슷한 문제를 많이 풀어봐야겠다!

문제 풀이

SELECT MIN(DATETIME) AS 시간
FROM ANIMAL_INS 

• MIN(칼럼명) : 칼럼에서 최솟값을 반환하는 명령문

TIL AS를 이용해 반환하는 칼럼의 이름을 시간으로 지정했다! 신기하다

문제 풀이

SELECT ANIMAL_ID
FROM ANIMAL_INS
WHERE NAME IS NOT NULL
ORDER BY ANIMAL_ID ASC

• IS NOT NULL : null이 아닌 값만 가져오는 명령문

• ORDER BY (칼럼명) ASC : 해당 칼럼을 오름차순하는 명령문

TIL 방금 풀었던 문제와 비슷한 문제였다! 비어있는지 확인 할때는 IS NULL 안 비어있는지 확인 할 때는 IS NOT NULL을 사용한다는 것을 알 수 있었다