분류 전체보기

[lv.1] 두 정수 사이의 합

문제 설명 두 정수 a, b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수, solution을 완성하세요. 예를 들어 a = 3, b = 5인 경우, 3 + 4 + 5 = 12이므로 12를 리턴합니다. 제한 조건 a와 b가 같은 경우는 둘 중 아무 수나 리턴하세요. a와 b는 -10,000,000 이상 10,000,000 이하인 정수입니다. a와 b의 대소관계는 정해져있지 않습니다. 입출력 예 a b return 3 5 12 3 3 3 5 3 12 내 풀이 function solution(a, b) { let answer = 0; let small = a b ? a : b; //큰 수 for(let i = small; i

[lv.1] 문자열을 정수로 바꾸기

문제 설명 문자열 s를 숫자로 변환한 결과를 반환하는 함수, solution을 완성하세요. 제한 조건 s의 길이는 1 이상 5이하입니다. s의 맨앞에는 부호(+, -)가 올 수 있습니다. s는 부호와 숫자로만 이루어져있습니다. s는 "0"으로 시작하지 않습니다. 입출력 예 예를들어 str이 "1234"이면 1234를 반환하고, "-1234"이면 -1234를 반환하면 됩니다. str은 부호(+,-)와 숫자로만 구성되어 있고, 잘못된 값이 입력되는 경우는 없습니다. 내 풀이 function solution(s) { return Number(s); //parseInt(s)도 가능 } 다른 사람 풀이 1 function solution(str){ return str/1; } 다른 사람 풀이 2 // int to..

[lv.1] 가운데 글자 가져오기

문제 설명 단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. 제한사항 s는 길이가 1 이상, 100이하인 스트링입니다. 입출력 s return "abcde" "c" "qwer" "we" 다른 사람 풀이 function solution(s){return s.substr(Math.ceil(s.length/2)-1, s.length % 2 === 0 ? 2:1);} 간결하고 깔끔한 풀이이다. substr 메서드는 문자열에서 특정 위치에서 시작하여 특정 문자 수만큼 문자들을 반환하는 메서드이다. 배열의 splice 메서드와 파라미터와 반환값이 유사하다. 내 풀이 1. charAt(), substring()으로 풀이하기 functi..

[lv.1] 짝수와 홀수

정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 제한 조건 num은 int 범위의 정수입니다. 0은 짝수입니다. 입출력 예 num return 3 "Odd" 4 "Even" 내 풀이 function solution(num) { var answer = ''; if(num % 2 === 0) answer="Even"; else answer="Odd"; return answer; } 다른 사람 풀이 function solution(num) { return num % 2 == 0 ? "Even" : "Odd"; } 👉 삼항 연산자로 풀이

[lv.1] 직사각형 별찍기

이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한 조건 n과 m은 각각 1000 이하인 자연수입니다. 예시 입력 5 3 출력 ***** ***** ***** 내 풀이 process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { const n = data.split(" "); const a = Number(n[0]), b = Number(n[1]); for(let i = 0; i < b; i++){ console.log('*'.repeat(a)); } }); 💡 정리 1. repeat() 특정 문자열을 주어진 횟수만큼 반복하여 붙인..

편行 : 편한 여행 회고 1

지난 7월 말부터 8월 19일까지 약 4주간 '편행: 편한여행'이라는 여행 교통편, 숙박 업소 데이터를 크롤링과 공공데이터 api를 활용하여 데이터 수집 후 내가 가진 예산을 입력하면 여행지를 갈 수 있도록 하는 예약 웹사이트 를 개발했다. 총 4명이서 기획부터 DB설계, 개발을 진행하였다. 1. 개발 동기 내가 가진 돈이 10만원 밖에 없는데 내일 당장 훌쩍 여행을 떠나고 싶을 때가 다들 있었을 것이다. 당장 떠나고 싶어서 숙소 예약, 교통편 예약 따로 따로 보다가 여행 가는 거 자체를 포기한 적이 한 두번이 아니었다 ㅋㅋㅋㅋ 숙소와 교통편은 얼마나 많은지..🤣 나같은 결정 장애들은 어디로 갈지 고르는 것도 너무 힘들다..😢 그래서 즉흥 여행러들을 위한 사이트를 만들면 어떨까?! 생각했다. 편行: 편한..

[TIL] float로 수평 정렬

float 요소를 좌우 방향으로 띄움 (수평 정렬) 속성 값 값 의미 기본값 none 요소 띄움 none left 왼쪽으로 띄움 right 오른쪽으로 띄움 1. 단순 띄움 1) 사진 left에 위치 👉 여백에 글자를 흐르게 하고 싶을 때 👉 clear : left; 를 이용해서 흐르는 글자를 중간에 끊을 수도 있다. 2) 사진을 right에 위치 👉 여백에 글자를 흐르게 하고 싶을 때 👉 clear : right; 를 이용해서 흐르는 글자를 중간에 끊을 수도 있다. 2. 수평 정렬 각 요소에 float 속성이 적용되면 차례로 '정렬'됩니다. 1) left 정렬 👉 왼쪽에서 1부터 시작한다. 👉 clear : left; 를 이용해서 요소가 겹치는 문제를 해결할 수 있다. => 수직으로 쌓인다. 2) Rig..

[TIL] CSS 폰트와 구글 웹폰트

CSS 폰트 또한 기본 속성에서 다루려고 했지만, 생각보다 너무 많아서 새롭게 정리해보려고 한다.🙋‍ font 글자 관련 속성들을 지정 값의미기본값 font-style 글자 기울기 지정 normal font-weight 글자 두께 지정 normal font-size 글자 크기 지정 medium(16px) line-height 줄 높이(줄 간격) 지정 normal(Reset.css 적용시 1) font-family 글꼴(서체) 지정 운영체제(브러우저)에 따라 달라짐 font 사용법 font: 기울기 두께 크기 / 줄높이 글꼴; .box { font: itallic bold 20px / 1.5 "Arial", sans-serif; } ※ 단축 속성을 사용하려면 font-size와 font-family를 필수..

[TIL] 01. CSS Basic Attributes

CSS의 기본 속성을 정리해 보려고 한다. 😊😊 CSS 주석 /* 내용 */ text-align 텍스트의 위치를 left,right,center로 정렬할 수 있다. 👉``태그 내용물도 정렬이 가능하다. Heading 1 Heading 2 Heading 3 text-decoration text-decoration을 사용하면 텍스트를 몇 가지 방법으로 꾸밀 수 있다. Underline : 밑줄을 긋는 기능 Hello World! Overline : 글 위에 줄이 그어지는 기능 Hello World! Line-through : 줄이 글을 관통한다. Hello World! None :아무 줄도 없다. (디폴트 값) 꾸밈을 없애기 위해 주로 사용된다. html 구글 css .no-decoration { text-..