Timeline

https://www.inflearn.com/course/모던-자바스크립트-딥다이브 [무료] 모던 자바스크립트 딥다이브 스터디 - 인프런 | 강의 《모던 자바스크립트 딥다이브》 책 내용을 그대로 따라가는 스터디 영상입니다. 함께 공부하면 훨씬 쉬워질 거에요!, 혼자가 외롭다면 시간차 스터디는 어때요?함께하는 모던 자바스크립트 스 www.inflearn.com 인프런에서 강의를 듣고 정리하는 글입니다. 3강 제어문 / 타입변환과 단축평가 1. 제어문 * 블록문 - 아래 예시에서 위는 블록문이고 아래는 객체 * 제어문 - 프로그램의 순차적 흐름을 제어해야 할 때 사용하는 실행문 - 조건문(if~else), 반복문(for) 등이 있음 * 함수 선언문 - 함수 선언과 비슷한 형식 - ex) function 함수..

https://www.inflearn.com/course/모던-자바스크립트-딥다이브 [무료] 모던 자바스크립트 딥다이브 스터디 - 인프런 | 강의 《모던 자바스크립트 딥다이브》 책 내용을 그대로 따라가는 스터디 영상입니다. 함께 공부하면 훨씬 쉬워질 거에요!, 혼자가 외롭다면 시간차 스터디는 어때요?함께하는 모던 자바스크립트 스 www.inflearn.com 인프런에서 강의를 듣고 정리하는 글입니다. 2강 데이터 타입 / 연산 1. 테이터 타입(대소문자 구분해야 함) * 숫자 타입 - 정수, 실수, 음의 정수 - 2진수, 8진수, 16진수 ... - 숫자 타입은 모두 실수로 처리 => 1 === 1.0 // true - Infinity, -Infinity, NaN * 문자열 타입 - '', "", 백틱(..

https://www.inflearn.com/course/모던-자바스크립트-딥다이브 [무료] 모던 자바스크립트 딥다이브 스터디 - 인프런 | 강의 《모던 자바스크립트 딥다이브》 책 내용을 그대로 따라가는 스터디 영상입니다. 함께 공부하면 훨씬 쉬워질 거에요!, 혼자가 외롭다면 시간차 스터디는 어때요?함께하는 모던 자바스크립트 스 www.inflearn.com 인프런에서 강의를 듣고 정리하는 글입니다. 1강 변수 / 표현식과 문 1. 변수 * 변수 - 변수는 하나의 값을 저장하기 위한 수단 - 객체나 배열 같은 자료구조를 사용하면 여러 개의 하나로 그룹화해서 하나의 값처럼 사용할 수 있다 * 변수 선언 - var을 이용해 변수 선언을 하면 값을 할당하지 않아도 undefined가 기본 값이 된다 - 변수 ..

Blocker : 백엔드에 생년월일 데이터를 저장할 때 8자리로 저장해야 하는 상황이었으나, 년/월/일을 따로 입력받아야 해 일을 1자리 입력 시 자동으로 0을 앞에 붙여줘서 백엔드에 데이터를 전송해야 했습니다. 처음에는 사용자가 입력 후 데이터를 전송하기 전에 0을 붙여서 전송하려고 했으나, 사용자가 입력 후 변경한 경우에도 변경된 값에 따라 수정되어야하기 때문에 무조건 input 값을 입력받는 onchange event의 함수에 0을 붙여주는 작업을 진행해야 했습니다. 해결방법 : 먼저, 생년월일 중 일에 해당하는 입력값을 담을 useState를 만들었습니다 그리고 입력된 값이 한자리 수인 경우 0을 붙여서 반환할 수 있는 formatDay 함수를 만들었습니다 최종적으로 사용자가 입력하는 값을 받아오..

Q. 1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요. 로마 숫자를 숫자로 표기하면 다음과 같습니다. Symbol Value I 1 V 5 X 10 L 50 C 100 D 500 M 1000 로마자를 숫자로 읽는 방법은 로마자를 왼쪽부터 차례대로 더하면 됩니다. III = 3 XII = 12 XXVII = 27 입니다. 그런데 4를 표현할 때는 IIII가 아니라 IV 입니다. 뒤의 숫자에서 앞의 숫자를 빼주면 됩니다. 9는 IX입니다. I는 V와 X앞에 와서 4, 9 X는 L, C앞에 와서 40, 90 C는 D, M앞에 와서 400, 900 A. function romanToNum(s) { //로마자:숫자 객체 변수는 romeNum const romeNum = { 'I' :..

Q. 문자열 배열 strlist가 매개변수로 주어집니다. strlist 각 원소의 길이를 담은 배열을 retrun하도록 solution 함수를 완성해주세요. A. 내 답 let strlist = ["We", "are", "the", "world!"] function solution(strlist) { let answer = []; for(let i=0; i strlist.map(str => str.length); 문제 해결 과정 우선, 배열의 모든 인덱스에 접근해서 length를 받아오기 위해 for문을 돌렸다 그리고 나는 이걸 answer에 +=로 넣으려고 했다 내 answer의 초기값은 []였는데 그러다보니 length가 string으로 받아와졌다 어떻게 이걸 다시 number로 바꿔야하지 하다가 여..

Q. 정수 n이 주어질 때, n이하의 짝수를 모두 더한 값을 return 하도록 solution 함수를 작성해주세요. A. 내 답 function solution(n) { let answer = 0; for(let i=0; i

Q. 각에서 0도 초과 90도 미만은 예각, 90도는 직각, 90도 초과 180도 미만은 둔각 180도는 평각으로 분류합니다. 각 angle이 매개변수로 주어질 때 예각일 때 1, 직각일 때 2, 둔각일 때 3, 평각일 때 4를 return하도록 solution 함수를 완성해주세요. 예각 : 0

Q. 머쓱이는 40살인 선생님이 몇 년도에 태어났는지 궁금해졌습니다. 나이 age가 주어질 때, 2022년을 기준 출생 연도를 return 하는 solution 함수를 완성해주세요. A. 내 답 function solution(age) { let answer = 2022 - age + 1; return answer; } 더 좋은 답 function solution(age) { return new Date().getFullYear() - age + 1; } 문제 해결 과정 당연히 단순하게 계산을 해서 구했다 Date() 함수 몰랐던 건 아니지만 이럴 때 척척 사용하는 사람들 새삼 대단스러웠다 TIL Date.prototype.getFullYear() https://developer.mozilla.org/k..

Q. 정수 num1과 num2가 매개변수로 주어집니다. 두 수가 같으면 1 다르면 -1을 retrun하도록 solution 함수를 완성해주세요. A. 내 답 function solution(num1, num2) { if (num1 == num2) { return 1 } else { return -1 } } 더 좋은 답 function solution(num1, num2) { var answer = num1 === num2 ? 1 : -1; return answer; } 문제 해결 과정 답이 나오는 것에만 집중해서 더 좋은 코드를 짜는 법은 생각하지 못했다 당연히 삼항연산자를 쓰면 더 간결한 답을 낼 수 있는데,,, 다음에는 답을 내는 것보단 간결한 코드를 작성하는 것에 집중해야겠다 TIL 삼항연산자 ht..