공부 107

Q. 문자열을 정수로 바꾸기

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

Q. 두 정수 사이의 합

두 정수 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 num = 0; for (let i = Math.min(a, b); i b){ answer = gaussSum(a) - gaussSum(b-1) }else if(a < b){ ..

Q. 가운데 글자 가져오기

단어 s의 가운데 글자를 반환하는 함수, solution을 만들어 보세요. 단어의 길이가 짝수라면 가운데 두글자를 반환하면 됩니다. 🚫제한 사항 s는 길이가 1 이상, 100이하인 스트링입니다. ❗입출력 예 s return "abcde" "c" "qwer" "we" 😀 내가 푼 답 function solution(s) { return s.length % 2 !== 0 ? s[Math.floor(s.length / 2)] : s[s.length / 2 - 1] + s[s.length / 2]; } 😊 문제풀이 답안 OR 다른사람들 답안 // ceil() function solution(s) { return s.substr(Math.ceil(s.length / 2) - 1, s.length % 2 === 0..

Q. 짝수와 홀수

정수 num이 짝수일 경우 "Even"을 반환하고 홀수인 경우 "Odd"를 반환하는 함수, solution을 완성해주세요. 🚫제한 사항 num은 int 범위의 정수입니다. 0은 짝수입니다. ❗입출력 예 num return 3 "Odd" 4 "Even" 😀 내가 푼 답 function solution(num) { return num % 2 === 0 ? "Even" : "Odd"; } 😊 문제풀이 답안 OR 다른사람들 답안 function evenOrOdd(num) { var result = '' if(num%2 === 0){ result = 'Even'; }else{ result = 'Odd'; } return result }

Q. 직사각형 별찍기

이 문제에는 표준 입력으로 두개의 정수 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]); const star = "*".repeat(a); for (let i = 0; i < b; i++) { console.log(star); } }); 😊 문제풀이 답..

JavaScript 문법 종합 3주차(2)

1. 데이터 타입 심화 2 ⅰ. 불변 객체 불변 객체란? 객체로 예를 들면, 객체의 속성에접근해서 값을 변경하면 가변이 성렵함 하지만, 객체 데이터 자체를 변경(새로운 데이터를 할당)하고자 한다면 기존 데이터는 변경이 되지 않으므로 불변하다고 할수 있음 불변 객체의 필요성 // user 객채를 생성 let user = { name: "wonjang", gender: "male", }; // 이름을 변경하는 함수, 'changeName'을 정의 // 입력값 : 변경대상 user 객체, 변경하고자 하는 이름 // 출력값 : 새로운 user 객체 // 특징 : 객체의 프로퍼티(속성)에 접근해서 이름을 변경! => 가변 const changeName = (user, newName) => { // 2개 인자를 받..

공부/JavaScript 2023.06.14

1주차 팀과제(야구게임)

Q. 숫자야구 프로그램 만들기 컴퓨터는 0과 9 사이의 서로 다른 숫자 3개를 무작위로 뽑습니다. (ex) 123, 759 사용자는 컴퓨터가 뽑은 숫자를 맞추기 위해 시도합니다. 컴퓨터는 사용자가 입력한 세자리 숫자에 대해서, 아래의 규칙대로 스트라이크(S)와 볼(B)를 알려줍니다. ◾ 숫자의 값과 위치가 모두 일치하면 S ◾ 숫자의 값은 일치하지만 위치가 틀렸으면 B 기회는 무제한이며, 몇번의 시도 후에 맞췄는지 기록됩니다. 숫자 3개를 모두 맞춘 경우, 게임을 종료합니다. ❗입출력 예 컴퓨터가 숫자를 생성하였습니다. 답을 맞춰보세요! 1번째 시도 : 134 0B0S 2번째 시도 : 238 1B1S 3번째 시도 : 820 2B1S 4번째 시도 : 028 3B 5번째 시도 : 280 3S 4번만에 맞히셨..

공부/JavaScript 2023.06.13

사전 준비 - 웹미니 프로젝트

📌 코드 링크👇 GitHub - makepin2r/my-bullet-journal: [항해99 웹미니프로젝트] 온라인 불렛저널 서비스 [항해99 웹미니프로젝트] 온라인 불렛저널 서비스 . Contribute to makepin2r/my-bullet-journal development by creating an account on GitHub. github.com 📌 시연 영상 시연 영상 📌 프로젝트를 마치며 프로젝트를 진행하면서 회원가입까지 완성을 하고 싶었지만 회원가입 데이터를 받아오는 부분에 있어서 오류가 발생하여 기능을 완벽하게 구현해내지 못했습니다. 조원 모두 아직까지는 DB에 대한 이해가 부족하고 세션 혹은 토큰등 프론트엔드와 백엔드가 서로 통신하는 방식에 대해서 서 조금더 학습할 필요가 있다고..

공부/Project 2023.06.13

JavaScript 문법 종합 3주차(1)

1. 데이터 타입 심화 ⅰ. 데이터 타입의 종류(기본형과 참조형) 자바스크립트에서 값의 타입은 크게 기본형(Primitive Type)과 참조형(Reference Type)으로 구분됨 => 구분 기준은 값의 저장 방식과 불변성 여부!! 기본형에는 Number(숫자형), String(문자열), Boolean, null, undefined, Symbo(ES6에서 새롭게 추가됨) 이 있음 참조형은 말그대로 어떠한 겂을 참조(refer)하고 있는것을 말함. 기본적으로 Object(객체)!! 객체의 하위요소로써 Array, Function,... 등이 있음 기본형과 참조형의 구분기준 복제의 방식 (값이 어떻게 저장되는지, 복제되는지) ✔ 기본형 : 값이 담긴 주소값을 바로 복제 ✔ 참조형 : 값이 담긴 주소값들로..

공부/JavaScript 2023.06.12

사전 준비 - 웹미니 프로젝트 설계

📌 프로젝트명 My bullet journal 📌 프로젝트 설명 불렛 저널을 온라인으로 작성하여 사용할 수 있는 서비스 📍구현하고 싶은 기능 📎 접속시 로그인 화면 노출 이미 로그인 되어있을 시 할일 리스트를 노출 * To do 페이지 1. 오늘 날짜, "안녕하세요, oo님" 표시 2. 입력 기능(동작 -> 업데이트 -> reload) ✔️input - to do, schedle, memo를 선택할 수 있는 드롭다운 및 추가 버튼 포함 ✔️드롭다운의 디폴트값은 to do 3. 리스팅 기능 ✔️출력 - 입력기능을 통해 추가된 요소들을 추가 순서대로 리스팅됨 ✔️삭제 - 각각의 요소에 hover시 오른쪽에 휴지통 아이콘 생성, 아이콘을 누르면 삭제됨 ✔️하이라이트 - 각 요소 왼쪽 공간에 hover시 반투명..

공부/Project 2023.06.08