What I studied

프론트엔드 개발 성장기록
· 알고리즘
문제 설명 두 정수 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..
기본 브랜치 Master 설정 후 github 연동하기 1. 새 터미널 실행 후 git 설정 초기화 git init 2. git 현재 상태 확인 git status 3. 파일 추가하기 (전체 파일) git add . (원하는 파일) git add 파일명 4. 다시 상태 확인 git status 5. 커밋하기 git commit -m "first commit(커밋내용)" 6. 원격 저장소 연결하기 git add origin https://github.com/유저네임/레파지토리.git(원격저장소 URL) 7. push 하기 git push -u origin master 8. 깃허브 상태 확인하기
반응형
도잎
JDevelog