본문 바로가기

전체 글

 (262)
Programmers - Js - 컨트롤 제트 문제 설명 숫자와 "Z"가 공백으로 구분되어 담긴 문자열이 주어집니다. 문자열에 있는 숫자를 차례대로 더하려고 합니다. 이 때 "Z"가 나오면 바로 전에 더했던 숫자를 뺀다는 뜻입니다. 숫자와 "Z"로 이루어진 문자열 s가 주어질 때, 머쓱이가 구한 값을 return 하도록 solution 함수를 완성해보세요. 제한 사항 1 ≤ s의 길이 ≤ 200 -1,000 { if(cur === "Z") { return acc - Number(s.split(" ")[index - 1]); } else { return acc + Number(cur); } }, 0) return answer; }
Programmers - Js - 소인수 분해 문제 설명 소인수분해란 어떤 수를 소수들의 곱으로 표현하는 것입니다. 예를 들어 12를 소인수 분해하면 2 * 2 * 3 으로 나타낼 수 있습니다. 따라서 12의 소인수는 2와 3입니다. 자연수 n이 매개변수로 주어질 때 n의 소인수를 오름차순으로 담은 배열을 return하도록 solution 함수를 완성해주세요. 제한 사항 2 ≤ n ≤ 10,000 입출력 예 입출력 예 #1 12를 소인수분해하면 2 * 2 * 3 입니다. 따라서 [2, 3]을 return합니다. 입출력 예 #2 17은 소수입니다. 따라서 [17]을 return 해야 합니다. 입출력 예 #3 420을 소인수분해하면 2 * 2 * 3 * 5 * 7 입니다. 따라서 [2, 3, 5, 7]을 return합니다. 나의 풀이 function s..
Programmers - Js - 시저 암호 문제 설명 어떤 문장의 각 알파벳을 일정한 거리만큼 밀어서 다른 알파벳으로 바꾸는 암호화 방식을 시저 암호라고 합니다. 예를 들어 "AB"는 1만큼 밀면 "BC"가 되고, 3만큼 밀면 "DE"가 됩니다. "z"는 1만큼 밀면 "a"가 됩니다. 문자열 s와 거리 n을 입력받아 s를 n만큼 민 암호문을 만드는 함수, solution을 완성해 보세요. 제한 사항 공백은 아무리 밀어도 공백입니다. s는 알파벳 소문자, 대문자, 공백으로만 이루어져 있습니다. s의 길이는 8000이하입니다. n은 1 이상, 25이하인 자연수입니다. 입출력 예 나의 풀이 function solution(s, n) { const lower = "abcdefghijklmnopqrstuvwxyz"; // 26 const upper = "..
Programmers - Js - 크기가 작은 부분 문자열 문제 설명 숫자로 이루어진 문자열 t와 p가 주어질 때, t에서 p와 길이가 같은 부분문자열 중에서, 이 부분문자열이 나타내는 수가 p가 나타내는 수보다 작거나 같은 것이 나오는 횟수를 return하는 함수 solution을 완성하세요. 예를 들어, t="3141592"이고 p="271" 인 경우, t의 길이가 3인 부분 문자열은 314, 141, 415, 159, 592입니다. 이 문자열이 나타내는 수 중 271보다 작거나 같은 수는 141, 159 2개 입니다. 제한 사항 1 ≤ p의 길이 ≤ 18 p의 길이 ≤ t의 길이 ≤ 10,000 t와 p는 숫자로만 이루어진 문자열이며, 0으로 시작하지 않습니다. 입출력 예 입출력 예 #1 본문과 같습니다. 입출력 예 #2 p의 길이가 1이므로 t의 부분문자..
Js - 화살표 함수(Arrow Function) 1. 화살표 함수 사용법 2. 화살표 함수의 this 화살표 함수는 es6에서 나온 문법이며, function을 사용하여 함수를 만드는 것보다 간단하게 함수를 작성할 수 있다는 장점이 있다. 화살표 함수의 특징을 보자면 아래와 같다. this, super에 대해 바인딩할 수 없다. 메소드로 사용할 수없다. call, apply, bind 메소드를 사용할 수 없다. 생성자 함수로 사용할 수 없다. 항상 익명 함수이다. 1. 화살표 함수 사용법 // 매개 변수가 없는 화살표 함수 const foo = () => { console.log("sik"); }; // 매개 변수가 있는 화살표 함수 const foo = (a, b) => { return a + b; }; foo(1, 2) // 3 // return이..
Js - this에 대하여 1. 일반 함수에서 호출하는 this 2. 메소드에서 호출하는 this 3. 생성자 함수에서의 this 4. 콜백 함수에서의 this 5. 화살표 함수에서의 this 우선 간단히 중요한점을 요약 하자면 전역에서 사용한 this 전역 객체에서 사용한 this는 항상 window이다. 전역 객체란 전역 범위에 항상 존재하는 객체를 의미한다. 자바스크립트 런타임에서 모든 변수 및 함수는 window라는 전역 객체의 프로퍼티와 메소드이다. 함수 내부에서 사용한 this 함수는 전역에 선언된 일반 함수와 객체 안에 메소드로 크게 구분할 수 있다. function 키워드로 선언된 함수는 일반 함수이다. 객체안에 선언된 함수는 전역에 선언된 함수와 비교하기 위해 메소드라고 한다. 전역에 선언된 함수와 function..
Network - Http Get, Post 차이 1. Get 메소드란 2. Post 메소드란 3. Get과 Post의 중요한 차이점 Get과 Post는 브라우저가 서버에 데이터를 요청할 수 있는 메서드이다. 1. Get 메소드란 Get은 서버에 요청을 전송할 때 요청파라미터를 Url에 쿼리스트링으로 닮아 전송한다. 기본적으로 Url 끝에 ?와 함께 키와 값을 넣어 파라미터를 전달한다. 만약, 요청 파라미터가 여러개일 경우 &로 연결하여 요청을 한다. Get 요청의 예시를 보면 아래와 같다. www.exampleurl.com/user_info?name1=value1&name2=value2 또한 Get요청은 불필요한 요청을 제한하기 위해 요청이 캐시될 수 있다. 이미지 같은 정적인 컨텐츠는 데이터 양이 크고 변경될 일이 적어 계속해서 동일한 요청을 할 필..
css - position(static, relative, absolute, fixed, sticky) 1. position: static 2. position: relative 3. position: absolute 4. position: fixed 5. position: sticky css에서 position 속성은 html 문서에서 엘리먼트가 배치되는 방식을 결정한다. position 속성은 엘리먼트의 정확인 위치 지정을 위하여 top, left, bottom, right 속성과 함께 사용한다. 1. position: static position 속성을 별도로 지정하지 않는다면 기본값인 static이 적용된다. position이 static인 엘리먼트는 html문서에 작성된 순서대로 브라우저 화면에 표시된다. static일 경우 top, left, bottom, right 속성값은 무시된다. See ..

티스토리툴바