개발 REPO

템플릿 엔진 ejs html과 똑같지만 태그로 문서를 작성하는 것이 다름 또는 를 이용해 서버가 전달해주는 값을 사용 pug html에서 코드를 간소화 ( 닫는 태그 X) 컴파일 후 html문서를 렌더링, 생산성이 뛰어나다. 들여쓰기가 가장 중요하다! 템플릿 엔진은 어떤 것을 사용해도 상관이 없다! express에 관련된 함수들 const express = require('express') require메서드를 통해 npm으로 install한 외부 모듈인 express을 가져온다! ex) require('파일 경로') module.exports = 메서드 이름 한 js파일에서 정의한 메서드를 다른 js파일에서 사용할 수 있도록 새로운 객체를 할당해 기능을 모듈화합니다. 미들웨어 자신이 수행 할 부분을 수..

1. 문제 예제 2. 문제 해석 스파이가 가진 의상들이 2차원 배열로 주어지고 그 배열에는 [ 의상이름, 의상종류 ] 로 되어있습니다. 해당하는 의상을 종류로 나누어 여러가지의 조합을 만들어 몇 개의 조합이 나오는지 반환하면 됩니다. 주의할 점은 1개의 의상만 사용하는 것도 포함이며 최소 한 개의 의상을 입는다는 것입니다. 3. 코드 해석 const div = {}; const midArr = []; let divNum; function solution(clothes) { for (let clo of clothes) { if (div[clo[1]] === undefined) { div[clo[1]] = clo[0]; }else { div[clo[1]] += `,${clo[0]}`; } } for(let ..

1.문제 2.문제 풀이 두 숫자 n과 m을 대입하면 그 둘의 최대공약수와 최소공배수를 반환해주면 됩니다. 저는 큰 숫자와 작은 숫자를 구분한 후에 최대공약수와 최소공배수를 구하는 함수를 따로 빼주었습니다. 3. 코드 function solution(n, m) { const arr = []; let minNum = Math.min(n, m); let maxNum = Math.max(n, m); arr.push(max(maxNum, minNum)); arr.push(min(maxNum, minNum)); return arr; } function max (maxNum, minNum) { return (maxNum % minNum) === 0 ? minNum : max(minNum, maxNum % minNum..

자바스크립트는 프로토타입 기반 객체 지향 언어라고 부릅니다. MDN에 있는 메서드 설명에도 prototype이 써있습니다. 🤔 그럼 도대체 prototype이 뭘까라는 의문점이 생겨 공부해보았습니다. 프로토타입은 어디서 나왔을까? 자바스크립트에는 명색이 객체 지향 언어인데도 클래스라는 개념이 없습니다. 하지만 그 대신 프로토타입이란 것을 존재하게 만들었습니다. 그래서 프로토타입이 클래스를 대신 하여 상속기능 등 그 역할을 대신하였습니다. BUT 지금 ES6에서 CLASS문법이 추가되었습니다. 하지만 그렇다고해서 CLASS 문법이 추가된 것이지 기반이 된 것은 아닙니다. 그럼 Prototype은 어떻게 생겨날까? 일단 자바스크립트에서 기본적으로 사용하는 객체 만드는 법을 보면 const object = {..

1. 정규표현식?!? 정규표현식이란? 문자열에 나타나는 특정 문자 조합과 대응시키기 위해 사용되는 패턴으로 자바스크립트에서는 정규표현식도 객체로 나타냅니다. 복잡해질 수 있는 조건문 혹은 반복문을 정규표현식을 이용해 간단히 표현할 수 있습니다. but 가독성이 떨어져 정규표현식을 모른다면 뜻을 이해하기 힘듭니다. 정규표현식을 사용하는 메서드 정규표현식은 RegExp의 exec 메서드와 test 메서드 String의 match메서드 replace메서드 search메서드 split메서드에 사용하는 패턴입니다! 정규표현식 만드는 방법 let str = /^x/; //첫번째 방법 let str = new RegExp("xxx"); //두번째 방법 첫번째 방법으로는 / 로 감싸는 패턴이 있고 두번째 방법으로는 R..

자바스크립트에서 자주 사용하는 문자열에 관련된 메서드들을 알아보겠습니다! 1.문자열에서 특정 문자 찾아내기 1. str.charAt( ) charAt() 메서드는 문자열에서 특정 인덱스에 위치하는 유니코드 단일문자를 반환합니다. 😲여기서 유니코드는 국제/다언어 문자 인코딩 시스템으로 국제 표준 문자표라고 보시면 됩니다. let str = "oh~ hi"; console.log(str.charAt(0)); console.log(str.charAt(1)); console.log(str.charAt(2)); console.log(str.charAt(3)); //result //o //h //~ // 띄어쓰기도 출력 문자열.charAt(index)로 사용하고 띄어쓰기도 문자로 포함하여 출력됩니다! 2.str.i..

어떤 언어를 쓰던 배열은 여러 가지의 값을 저장할 때 꼭 필요한 요소입니다. 자주 사용하는 만큼 편하게 사용하는 방법을 정리해도록 하겠습니다 🏃‍♂️💨 1. 삽입 1. push ( ) const arr = ['🙂','🙄']; arr.push('😎'); console.log(arr); //result //['🙂','🙄','😎'] push는 배열의 가장 뒤에 원하는 값을 삽입하는 메서드입니다. 2. unshift ( ) const arr = ['🙂','🙄']; arr.unshift('😎'); console.log(arr); //result //['😎','🙂','🙄'] unshift는 배열의 앞부터 원하는 값을 삽입하는 메서드입니다. 2. 삭제 1. pop ( ) const arr = ['🙂','🙄','😎']..

조건문을 사용할 때 흔히 사용하는 if문이 있습니다. 하지만 이 if문이 길어질 경우 코드 수도 길어지고 보기도 좋지 않을 수 있죠? 그럴 때 사용하기 위해 삼항 조건 연산자가 있습니다!! function canOverFive(num) { if(num > 5) { console.log("True, Over 5"); } else { console.log("False, under 5"); }//최소 4줄 } function canOverTen(num) { return (num > 10) ? 'True, Over 10' : 'False, under 10'; //한줄로 해결 } canOverFive(3);//False, under 5 console.log(canOverTen(20)); // True, Over ..