희락코딩

정규표현식 정규표현식은 개발하면서 자주 사용되는 것이 아니고 그냥 검색해서 사용하는 용도로 쓰입니다. 복잡한 기호와 가독성이 아주 불편해서 그냥 지나쳐야징~@~@ 하지만 우리는 정규 표현식을 왜? 사용하는지는 알아야 합니다! 이번 블로깅은 정규표현식에 대해 간단한 설명과 유용하게 쓰이는 정규표현식을 소개하고자 합니다!!! 정규표현식이란 ? 정규 표현식이란 문자열을 검색하고 대체하는 데 사용 가능한 언어(패턴)입니다. 크게 문자검색(search), 문자 대체(replace), 문자 추출(extract) 을 수행합니다. 정규식 패턴은 가독성이 많이 떨어져 너무 어렵게 느껴지는 경향이 있습니다. 그래서 패턴을 이해하려는 것 보다 이미 제공 된 정규표현식을 가져다 쓰는 것을 권장합니다. 하지만 본인은 아주 세세..

얕은 복사와 깊은복사 (Shallow copy, Deep copy) 이번 블로깅은 얕은복사와 깊은 복사에 대해 개념을 정리 하였습니다. 다소 너무 생소하고 어렵게 느껴지는 부분이 많았던 내용입니다. 하지만 이개념을 알아야 나중에 데이터를 다룰때 유용하게 쓰일 수 있기때문에 꼭 알아야할 개념중 하나입니다! 우선 이개념을 알기전에 객체는 참조자료형입니다! 어떤 하나의 변수가 객체를 담고 있고 그변수에 또 다른 변수를 할당을 하면 같은 주소를 바라보고 있어 객체의 데이터를 수정하면 똑같이 수정이 됩니다. 예시를 통해 알아 봅시다!! 1 2 3 4 5 6 7 8 9 10 11 12 // 참조자료형 객체 데이터 활용 const joy = { name : 'joycoding', age : 99, gender : '..

화살표 함수 화살표 함수는 코딩을 이제 막 시작한 사람들에게 매우 난해하고 어렵게 생각 할 수 있습니다. 저 또한 너무 어려웠습니다... 하지만 개념을 알고 조금만 익숙해지면 엄청 편리한 기능이라는 것을 알수 있습니다. 이번 블로깅은 화살표 함수에 겁이 많은 사람들을 위해 기본 개념을 정리해보도록 하겠습니다. 화살표 함수는 왜 사용하나요 ? 화살표함수는 일반함수와 달리 기본적인 로직을 축약형으로 나타낼수 있어 직관적입니다. 또한 간단한 코드라면 불필요한 코드를 줄여 가독성도 좋습니다. 일반함수와 화살표함수의 구조 차이는 ? 1 2 3 4 5 6 7 8 9 10 11 12 // 일반함수 const addNum = function (x) { return x + 5 } console.log(addNum(5))..

function mostFrequentCharacter(str) {} 문제 문자열을 입력받아 가장 많이 반복되는 문자를 리턴 ▶ 띄어쓰기 제외 ▶ 가장 많이 반복되는 문자가 다수일 경우, 가장 먼저 해당 횟수에 도달한 문자 리턴 ▶ 빈 문자열을 입력받은 경우, 빈문자열로 리턴 입출력예시 1 2 3 4 5 6 7 8 9 10 11 12 13 14 let output = mostFrequentCharacter('apples not oranges'); console.log(output); // --> 'p' output = mostFrequentCharacter('hello world'); console.log(output); // --> 'l' output = mostFrequentCharacter(' ')..

function countAllCharacters(str){} 문제 문자열을 입력받아 문자열을 구성하는 각 문자(letter)를 키로 갖는 객체를 리턴해야 합니다. 각 키의 값은 해당 문자가 문자열에서 등장하는 횟수를 의미하는 number 타입의 값이어야 합니다. ▶ 빈 문자열을 입력받은 경우, 빈 객체를 리턴해야됩니다. 입출력 예시 1 2 let output = countAllCharacters('apple'); console.log(output); // --> {a: 1, p: 2, l: 1, e:1} cs 수도코드 1. 저장할 빈 객체 변수를 선언한다. 2. 문자열의 요소를 반복해서 돌린다. 3. 선언한 오브잭트에 문자열 요소를 활용해서 키값을 만들어 주는 작업하기 4. 문자 추가 조건과 문자가 있..

function addToBackOfNew(arr, el) {} 문제 배열과 요소를 입력받아 새로운 요소가 추가된 새로운 배열을 리턴 ▶ 새로운 배열(주소가다름)을 리턴 ▶ 입력받은 배열을 수정하지 않아야 된다 (immutability) 입출력 예시 1 2 3 4 let input = [1, 2]; let output = addToBackOfNew(input, 3); console.log(input); // --> [1, 2] console.log(output); // --> [1, 2, 3] cs 수도코드 작성 1. 원본을 유지 할 수 있는 메서드를 사용하여 새로운 배열을 선언한다. 2. 새로운 배열에다 새로운 요소를 추가한다. 3. 추가한 요소의 배열을 반환한다. 코드작성 1 2 3 4 5 6 7 8..

function getEvenNumbers(arr) { } 문제 ▶ 수를 요소로 갖는 배열을 입력받아 짝수만을 요소로 갖는 배열을 리턴하라 ▶ 짝수가 없는 경우, 빈 배열을 리턴 입출력 예시 let output = getEvenNumbers([1, 2, 3, 4]); console.log(output); // [2 , 4] 수도코드 작성 1. 저장 할 새로운 빈 배열을 만든다. 2. 배열안에 있는 요소를 반복해서 돌린다. 3. 배열의 요소가 짝수일 경우의 조건식을 만든다. 4. 조건에 해당하면 빈 배열에다 요소를 넣는다. 5. 담은 요소의 배열을 반환한다. 코드작성 1 2 3 4 5 6 7 8 9 10 11 function getEvenNumbers(arr) { let newArr = []; for(le..

스코프 # 스코프 기본 개념 1. 스코프란 ? scope는 쉽게 정의 하자면 변수가 영향을 미치는 유효 범위입니다. 이 스코프는 전역 스코프와 지역스코프로 나뉠 수 있습니다. 우리는 이미 스코프를 경험하고 있습니다. 바로 함수입니다. 함수의 매개변수는 함수 몸체 내부에서만 참조 할 수 있고 몸체 외부에서는 참조할 수 없습니다. 이것은 매개변수를 참조할 수 있는 유효범위, 즉 매개변수의 스코프가 함수 몸체 내부로 한정 되어 있기 때문입니다. 1 2 3 4 5 6 7 8 9 10 function addNum(x, y) // 매개변수는 함수 몸체 내부에서만 참조 // 즉 스코프(유효범위)는 함수 몸체 내부 console.log(x,y) // 3 7 return x + y; } addNum(3,7) consol..