What I studied

프론트엔드 개발 성장기록
· 알고리즘
문제 설명 0부터 9까지의 숫자 중 일부가 들어있는 정수 배열 numbers가 매개변수로 주어짐. numbers 에서 찾을 수 없는 0부터 9까지의 숫자를 모두 찾아 더한 수를 return 제한 조건 1 ≤ numbers의 길이 ≤ 9 0 ≤ numbers의 모든 원소 ≤ 9 numbers의 모든 원소는 서로 다릅니다. 초기 코드 function solution(a, b) { var answer = 0; return answer; } 코드 풀이 설명 // 내가 푼 방식 function solution(numbers) { var answer = 0; var result; // 들어있는 숫자를 모두 합하여 answer에 재할당 for (let i = 0; i < numbers.length; i++) { an..
· 알고리즘
문제 설명 문자열 s를 숫자로 변환한 결과를 저장하는 함수 구현 제한 조건 s의 길이는 1이상 5이하이다. s의 맨앞에는 부호가 올 수 있다. s는 부호와 숫자로만 이루어져있다. s는 "0"으로 시작하지 않는다. 초기 코드 function solution(a, b) { var answer = 0; return answer; } 코드 풀이 설명 // 정수로 변환 function solution(s) { var answer = 0; answer = parseInt(s) return answer; } // 숫자로 변환 function solution(s) { var answer = Number(s); return answer; } 문자열을 숫자로 변환해주는 함수 Number()를 사용하거나 문자열을 정수로 변..
· 알고리즘
문제 설명 두 정수 a와 b가 주어졌을 때 a와 b 사이에 속한 모든 정수의 합을 리턴하는 함수 완성 제한 조건 a와 b가 같은 경우는 둘 중 아무 수나 리턴 a와 b는 -10,000,000 이상 10,000,000 이하인 정수 a와 b의 대소관계는 정해져있지 않음 초기 코드 function solution(a, b) { var answer = 0; return answer; } 코드 풀이 설명 function solution(a, b) { var answer = 0; // a가 b보다 작거나 같을 때, a부터 b까지 더해주기 if(a
· 알고리즘
문제 설명 단어 s의 가운데 글자를 반환하는 함수 완성하기 단어의 길이가 짝수라면 가운데 두글자 반환 제한 조건 s는 길이가 1이상, 100이하인 스트링 초기 코드 function solution(s) { var answer = ''; return answer; } 코드 풀이 설명 function solution(s) { var answer = ''; // s의 길이가 짝수라면 if (s.length%2 == 0) { answer = s[s.length/2 - 1] + s[s.length/2] // s의 길이가 홀수라면 } else { answer = s[Math.floor(s.length/2)] } return answer; } 이 문제는 s의 길이가 짝수인지 홀수인지를 구분해서 해결하는 문제였다. s..
· 알고리즘
문제 설명 정수 num이 짝수일 경우 "Even"을 반환, 홀수인 경우 "Odd"를 반환하는 함수 완성 제한 조건 num은 int 범위의 정수 0은 짝수 초기 코드 function solution(num) { var answer = ''; return answer; } 코드 풀이 설명 function solution(num) { var answer = ''; //num값을 2로 나누었을 때 나머지가 0과 같다면 "Even" 출력 //num값을 2로 나누었을 때 나머지가 0이 아니라면 "Odd" 출력 if (num % 2 == 0) { return answer = "Even" } else { return answer = "Odd" } return answer; } 정수 num값을 2로 나눴을 때의 나머지 ..
· 알고리즘
문제 설명 이 문제에는 표준 입력으로 두 개의 정수 n과 m이 주어집니다. 별(*) 문자를 이용해 가로의 길이가 n, 세로의 길이가 m인 직사각형 형태를 출력해보세요. 제한 조건 제한 조건n과 m은 각각 1000 이하인 자연수입니다. 초기 코드 process.stdin.setEncoding('utf8'); process.stdin.on('data', data => { const n = data.split(" "); const a = Number(n[0]), b = Number(n[1]); console.log(a); console.log(b); }); 코드 풀이 설명 process.stdin.setEncoding('utf8'); // data 입력값을 받아오는 함수 process.stdin.on('dat..
더보기 자바스크립트 - 함수 자바스크립트 - 조건문 자바스크립트 - 반복문 1. 자바스크립트 - 함수 자바스크립트 기본함수 (나눗셈의 나머지를 구할 때, 특정 문자열 기준으로 문자열을 나누고 싶을 때) 함수의 기본 생김새 함수 사용의 예시(두 숫자를 입력 받아 곱한 값을 알려주는 함수) 2. 자바스크립트 - 조건문 20보다 작으면 작다고, 크면 크다고 알려주는 함수 if, else if, else 3. 자바스크립트 - 반복문 반복문은 주로 리스트와 함께 쓰이는데 let fruits = ['사과', '바나나', '수박', '딸기', '참외']와 함께 쓰이는 경우는 이렇게 표현할 수 있다. 또한 딕셔너리가 들어간 리스트와 반복문, 조건문을 함께 사용할 경우, 이렇게 표현할 수 있다. 자바스크립트 기초문법 -..
더보기 목차 자바스크립트 - 변수 자바스크립트 - 리스트와 딕셔너리 1. 자바스크립트 - 변수 1. 변수와 기본 연산 알아보기 변수 대입에 있어서 a = 3의 의미는 3이라는 것을 a라는 변수에 넣는다는 의미이다. * 변수 명과 같은 경우에는 first_name 또는 firstName 등처럼 알아보기 쉽게 쓰는 것이 중요하다. 2. 자바스크립트 - 리스트와 딕셔너리 리스트는 순서를 지켜서 가지고 있는 형태라고 할 수 있다. 딕셔너리는 키와 밸류 값의 묶음이라고 할 수 있다.
더보기 목차 CSS란? CSS 선택자 - 기본 CSS 선택자 사용법 - 단순 선택자 CSS 선택자 사용법 - 복합 선택자 가상 클래스 선택자 1. CSS란? html이 웹개발의 기본 뼈대를 담당했다면 CSS는 그 뼈대를 꾸며주는 꾸미기 요소라고 할 수 있다. CSS의 경우에는 2. CSS 선택자 - 기본 html파일에 있는 각각의 태그에 서로 다른 꾸미기를 적용해야할텐데 이 때, 어떤 요소에 스타일을 적용할지 알려주는 것이 CSS선택자라고 할 수 있다. css 선택자 연습입니다 css 스타일 적용하기 각각을 살펴보면 h1 태그와 p태그에 css를 주기 위해 h1과 p 선택자를 사용했다. 이렇게 h1이나 p라는 태그를 사용하게 될 경우 html 내에 있는 모든 h1과 p태그에 css 속성값이 적용된다. 3..
반응형
도잎
JDevelog