Frontend 개발자 - hyo.loui

🎯목적 : Algorithm 문제풀이 과정을 기록합니다. 나만의 해결방법을 공유합니다. 1️⃣ 문제 링크와 문제 2️⃣ 풀이 전 계획과 생각 (수도 코드) 3️⃣ 풀이 (코드 블록 첨부) 4️⃣ 풀이하면서 막혔던 점과 고민 5️⃣ 풀이 후 알게된 개념과 소감 문제 링크 https://school.programmers.co.kr/learn/courses/30/lessons/12935 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요. programmers.co.kr 문제 정수를 저장한 배열, arr 에서 가장 작은 수를 제거한 배열을 리턴하는 함수, solution을 완성해주세요. 단, 리턴..

❤️‍🔥TIL : Today I Learned 모듈 모듈을 설명하고 추가 지식을 공유합니다. 모듈의 일반적 의미 - 모듈이란 애플리케이션을 구성하는 개별적 요소로서 재사용 가능한 코드 조각을 말한다. - 모듈이 성립하려면 자신만의 파일 스코프(모듈 스코프)를 가질 수 있어야 한다. 전역 X - 기본적으로 비공개 상태이다. 파일 스코프를 갖는 모듈의 모든 자산은 캡슐화 되어 다른 모듈에서 접근할 수 없다. 즉, 모듈은 개별적으로 존재하여 애플리케이션과 분리되어 존재한다. - 하지만, 개별적으로 존재하는 모듈은 재사용이 불가능하므로 존재 의미가 없다. 모듈은 재사용되어야 의미가 있다. 모듈은 공개가 필요한 자산에 한정하여 명시적으로 선택적 공개가 가능하다. 이를 export라 한다. 모듈 사용자는 모듈이 공..

❤️‍🔥TIL : Today I Learned 에러 처리 에러 처리의 필요성 에러는 언제나 발생할 수 있다. 발생한 에러에 대해 대처하지 않고 방치하면 프로그램은 강제 종료된다. 에러 처리의 필요성 console.log('[Start]'); foo(); // ReferceError : foo is not defined // 발생한 에러를 방치하면 프로그램은 강제 종료된다. console.log('[End]'); 위 예시 코드에서 [End] 가 출력되지 않는다. 이러한 현상이 프로젝트에서 발생한다면... 끔찍하다. - try...catch console.log('[Start]'); try { foo(); } catch (error) { console.log('[에러 발생]', error); // [에러 발..

❤️‍🔥TIL : Today I Learned parameter와 argument의 차이 Parameter : 매개변수, Argument : 인자, 둘 다 변수의 한 종류이다. Parameter (매개 변수)란? - 함수 선언의 일부로 나열되는 변수이며, 호출될 때 함수에 전달 될 것으로 예상되는 값을 나타낸다. Argument (인수)란? - 호출될 때 함수에 전달되는 실제 값 이다. 예시 function plus(x, y)에서 x와 y는 매개변수 이다. plus(2, 3)으로 호출되면 2와 3은 함수에 전달되는 인수이다. - 함수가 선언될 때 괄호 안에 하나 이상의 매개변수를 포함 할 수 있다. -매개변수는 호출 시 함수에 전달되는 값에 대한 자리 표시자 역할을 한다 최종 정리 Prameter는 함..

❤️‍🔥TIL : Today I Learned RegExp RegExp는 정규 표현식 입니다. (Regular expression) 정규 표현식이란? 일정한 패턴을 가진 문자열의 집합을 표현하기 위해 사용하는 형식 언어(formal language)다. 정규 표현식은 자바스크립트의 고유 문법이 아니고, 대부분의 프로그래밍 언어와 코드 에디터에 내장되어 있다. 정규 표현식은 패턴과 플래그로 구성된다. 정규 표현식의 생성 - 정규 표현식 객체(RegExp 객체)를 생성하기 위해서는 정규 표현식 리터럴과 RegExp 생성자 함수를 사용할 수 있다. 일반적인 방법은 정규 표현식 리터럴을 사용하는 것이다. 정규 표현식 리터럴은 다음과 같이 표현한다. const 영어 = 'Is this all there is?';..

❤️‍🔥TIL : Today I Learned 배열 고차 함수 고차함수는 함수를 인수로 전달받거나 함수를 반환하는 함수 배열 고차 함수란? 고차함수는 외부 상태의 변경이나 가변 데이터를 피하고 불변성을 지향하는 함수형 프로그래밍에 기반을 두고 있다. JavaScript에서 고차 함수는 하나 이상의 함수를 인수로 받거나 함수를 결과로 반환하는 함수이다. 이러한 함수를 배열과 함께 사용하면 배열 고차 함수라고 한다. Array.prototype.sort mutates - 원본 배열을 직접 변경하며 정렬된 배열을 반환 const numbers = [3,1,2]; numbers.sort(); console.log(numbers); // [1,2,3] sort 메서드의 기본 정렬 순서는 유니코드 포인트의 순서를..

❤️‍🔥TIL : Today I Learned 배열(Array) 배열은 여러 개의 값을 순차적으로 나열한 자료구조다. 배열이란? 우리가 JS에서 사용 빈도가 매우 높은 가장 기본적인 자료구조다. 자바스크립트는 배열을 다루기 위한 유용한 메서드를 다수 제공한다. 배열은 사용빈도가 매우 높으므로 배열 메서드를 능숙하게 다룰 수 있다면 코딩에 매우 도움이 된다. const 배열명 = ['요소1', '요소2', '요소3']; 배열이 가지고 있는 값을 요소(element)라고 부른다. 배열의 요소는 자신의 위치를 나타내는 0 이상의 정수인 인덱스(index)를 갖는다. 대부분의 프로그래밍 언어에서 인덱스는 0부터 시작한다. 배열명[0] // '요소1' 배열명[1] // '요소2' 배열명[2] // '요소3' 배열..

🎯목적 : Javascript Algorithm 문제풀이 과정을 기록합니다. 나만의 해결방법을 공유합니다. 문제 "*"의 높이와 너비를 1이라고 했을 때, "*"을 이용해 직각 이등변 삼각형을 그리려고합니다. 정수 n 이 주어지면 높이와 너비가 n 인 직각 이등변 삼각형을 출력하도록 코드를 작성해보세요. 풀이 결과 해결 방법 n은 입력받은 값 3이 출력되었다. 이것을 활용하여 1,2,3 ...n 만큼 반복해서 출력해줘야 한다. 1 --- 2 --- 3 그래서 for문을 사용했고, i는 증가연산자로 n까지 증가하기 때문에 해당하는 라인의 숫자를 기억할 수 있다. 하지만 i 만큼 "*"를 출력하기 위해 다른 대부분의 풀이에서는 또 for문이 등장하여 이중포문의 형태로 문제풀이가 되었다. 나는 이중포문을 좋..