자바스크립트 33

괄호문자제거(스택)

입력된 문자열에서 소괄호 ( ) 사이에 존재하는 모든 문자를 제거하고 남은 문자만 출력하는 프로그램을 작성하세요. 입력예제 1 (A(BC)D)EF(G(H)(IJ)K)LM(N) 출력예제 1 EFLM function solution(s) { let answer; let stack = []; //스택 배열 생성 // for of으로 배열 요소 반복문 사용 for (let x of s) { // 만약 x 가 ")" 라면 if (x === ")") { // stack.pop() 이 "(" 가 될때까지 while문을 사용해 stack.pop()으로 stack 배열 마지막 요소 제거 while (stack.pop() !== "("); } else stack.push(x); // x가 ")"이 아니라면 stack 배열..

알고리즘 2022.12.01

올바른 괄호(스택) - 자바스크립트

괄호가 입력될때, 올바른 괄호이면 'YES' , 올바르지 않으면 'NO' 를 출력합니다. (())() 이것은 괄호의 쌍이 올바르게 위치하는 거지만, (()()))은 올바른 괄호가 아니다. 입력예제 1 (()(()))(() 출력예제 1 NO 자바스크립트 풀이 function solution(s) { let answer = "YES"; let stack = []; for (let a of s) { if (a === "(") stack.push(a); else { if (stack.length === 0) return "NO"; stack.pop(); } } if(stack.length > 0) return "NO" return answer; } let a = "(()(()))(()"; console.log(..

알고리즘 2022.11.27

React 프로젝트에 emailjs 적용하기

개인 포트폴리오나 회사 사이트에 이메일을 보내는 폼양식 페이지를 본적이 있을것이다. 이메일 보내는 폼을 emailjs 라는 라이브러리를 통해 리액트 프로젝트에 적용시켜보고자 한다. 먼저 https://www.emailjs.com/ 에 접속 한다. 회원가입을 한후 리액트 프로젝트에 yarn add @emailjs/browser npm install @emailjs/browser --save emailjs 라이브러리를 설치 해준다. 다시 아까 회원가입한 계정으로 email js 로그인 후 왼쪽 사이드 메뉴바에 위치한 Email Services 를 클릭해서 들어간다. Add New Service 를 클릭해 서비스를 등록해준다. 서비스 추가를 완료 하게 되면 아래 이미지처럼 나온다. ServiceId 를 기억해..

React 2022.10.30

아나그램(자바스크립트)

Anagram이란 두 문자열이 알파벳의 나열 순서를 다르지만 그 구성이 일치하면 두 단어는 아 나그램이라고 합니다. 예를 들면 AbaAeCe 와 baeeACA 는 알파벳을 나열 순서는 다르지만 그 구성을 살펴보면 A(2), a(1), b(1), C(1), e(2)로 알파벳과 그 개수가 모두 일치합니다. 즉 어느 한 단어를 재 배열하면 상대편 단어가 될 수 있는 것을 아나그램이라 합니다. 길이가 같은 두 개의 단어가 주어지면 두 단어가 아나그램인지 판별하는 프로그램을 작성하세 요. 아나그램 판별시 대소문자가 구분됩니다. 입력예제 AbaAeCe baeeACA 출력예제 YES 풀이 function solution(str1, str2) { let answer = "YES"; let hash = new Map()..

알고리즘 2022.10.11

학급 회장(해쉬)

학급 회장을 뽑는데 후보로 기호 A, B, C, D, E 후보가 등록을 했습니다. 투표용지에는 반 학생들이 자기가 선택한 후보의 기호(알파벳)가 쓰여져 있으며 선생님은 그 기호를 발표하고 있습니다. 선생님의 발표가 끝난 후 어떤 기호의 후보가 학급 회장이 되었는지 출력하는 프로그램을 작 성하세요. 반드시 한 명의 학급회장이 선출되도록 투표결과가 나왔다고 가정합니다. [입력예제] BACBACCACCBDEDE [출력예제] C function solution(s) { let answer; let hash = new Map(); for (let x of s) { if (hash.has(x)) hash.set(x, hash.get(x) + 1); else hash.set(x, 1); } let max = Numb..

알고리즘 2022.09.18

자바스크립트 콜백함수란? (Callback Function)

콜백함수란 인자값으로 전달받은 함수를 뜻한다. 인자값으로 전달받은 콜백함수는 매개변수로 함수내부에서 필요할때 호출이 가능하다. function func(a, b, callback) { console.log(a,'+',b ,'= 의 값은?'); callback(a, b); } function func2(a, b) { console.log(a + b); } func(1, 2, func2); // 1 + 2 = 의 값은? // 3 예제를 살펴보면 매개변수를 a , b , callback을 사용하는 func 라는 함수를 생성하고 매개변수 a, b 를 더해서 출력해주는 func2라는 함수를 생성한다. func함수에 인자값으로 1 , 2 , func2 를 넘겨주면 callback이라는 매개변수를 통해 a,b 매개변..

Javascript 2022.09.14

자바스크립트 클로저란?

자바스크립트 클로저란 외부함수에서 내부함수가 선언 되었고, 내부함수가 외부함수 실행컨텍스트 내 변수값을 참조하고 있을시, 외부함수가 소멸되어도 내부함수는 클로저 스코프를 통해서 외부함수의 변수값을 계속해서 접근 할 수 있음을 의미한다. function outter(){ let text = 'hello world'; function inner(text2){ console.log(text + text2); } return inner; } let closure = outter(); closure('closure'); //hello worldclosure inner 함수를 리턴하는 outter 함수를 변수 closure에 할당하고 closure 함수에 'closure' 라는 문자열을 인자값으로 호출했을시 결과값..

Javascript 2022.09.10

자바스크립트 호이스팅이란? TDZ Temporal Dead Zone

호이스팅이란 인터프리터가 변수와 함수의 메모리 공간을 선언전에 미리 할당을 하는것을 뜻한다. 쉽게 표현하면 스코프 내부 어디서든 변수선언은 최상위에 선언된것처럼 보여진다. 여기서 말하는 스코프란 변수에 접근할수 있는 범위를 뜻한다. 즉 전역 스코프에 선언된 변수는 전역에서 접근이 가능하고 , 지역 스코프에 선언된 변수는 해당 지역 스코프내에서 접근이 가능하다. 다시 호이스팅에 대해 알아보자면, 호이스팅을 확인 할 수 있는 부분은 var 변수와 , 함수 선언문이 있다. var 변수부터 알아보면 console.log(variable); // undefined var variable = 'hello world'; variable이라는 변수가 선언되고 "hello world" 라는 스트링으로 할당 되기전에 콘솔..

Javascript 2022.09.07

완전탐색(Brute Force) 멘토링

현수네 반 선생님은 반 학생들의 수학점수를 향상시키기 위해 멘토링 시스템을 만들려고 합니 다. 멘토링은 멘토(도와주는 학생)와 멘티(도움을 받는 학생)가 한 짝이 되어 멘토가 멘티의 수학공부를 도와주는 것입니다. 선생님은 M번의 수학테스트 등수를 가지고 멘토와 멘티를 정합니다. 만약 A학생이 멘토이고, B학생이 멘티가 되는 짝이 되었다면, A학생은 M번의 수학테스트에서 모두 B학생보다 등수가 앞서야 합니다. M번의 수학성적이 주어지면 멘토와 멘티가 되는 짝을 만들 수 있는 경우가 총 몇 가지 인지 출력하는 프로그램을 작성하세요. 1) 입력 첫 번째 줄에 반 학생 수 N(1

알고리즘 2022.09.06