회고록 블로그

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/arrow-functions-basics 화살표 함수 기본 ko.javascript.info ✅ 화살표 함수 기본 - 함수 표현식보다 간결한 문법으로 함수를 만들 수 있다. - 예시 /*let add = function(n1, n2) { return (n1 + n2); }; */ // 화살표 함수로 표현할 땐 let add = (n1, n2) => (n1 + n2); - 매개변수가 없을 때는 괄호를 비워놓으면 된다. (괄호 생략 X) /* function getTrue() { return (true); } ..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/function-expressions 함수 표현식 ko.javascript.info ✅ 함수 표현식 - 자바스크립트는 함수를 특별한 종류의 값으로 취급한다. » 다른 언어에서는 '특별한 동작을 하는 구조'로 취급하지만, 자바스크립트에서는 아니다. - 이전에서 배운 함수 선언문 방식 (예시) function pow(base, factor) { let result = 1; for (let i = 0; i < factor; i++) { result *= base; } return (result); } - 함수 선..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/function-basics 함수 ko.javascript.info ✅ 함수 - 함수를 직접 만들어보자! - 함수 선언 방법(함수 선언문) 예시 function testMessage() { console.log("test"); } - 함수 호출 방법 예시 function testMessage() { console.log("test"); } testMessage(); testMessage(); - 함수의 주요 용도는 중복 코드를 피하기이며, 메시지를 보여주는 방식 자체를 변경하고 싶다면, 함수 본문의 내용 딱..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/nullish-coalescing-operator nullish 병합 연산자 '??' ko.javascript.info ✅ nullish 병합 연산자 '??' - 스펙에 추가된 지 얼마 안 된 문법이다. (구식 브라우저는 폴리필이 필요하다) - nullish 병합 연산자(nullish coalescing operator)는 ?? 이다. - 이 연산자를 이용하면 짧은 문법으로 여러 피연산자 중 그 값이 확정되어 있는(?) 변수를 찾을 수 있다고 한다. - 예시 a ?? b - 위의 코드는 이런 의미이다. - ..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/ifelse if와 '?'를 사용한 조건 처리 ko.javascript.info ✅ if문 let age = 10; if (age < 20) console.log("미성년자"); else if (age < 50) console.log("아직 청춘...?") else console.log("제2의 인생을 시작"); ✅ 불린형으로 변환 - 숫자 0, 빈 문자열 "", null, undefined, NaN은 불린형으로 변환 시 모두 false - 아래의 경우는? ► 빈문자열을 제외한 모든 문자열은 true이기 때..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/comparison 비교 연산자 ko.javascript.info ✅ 비교 연산자 - 비교 연산자의 반환 값은 "불린형"이다. - true 또는 false ✅ 문자열 비교하기? - 자바스크립트는 사전 순으로 문자열을 비교한다. - 사전의 뒤쪽에 있는 문자가 사전의 앞쪽에 있는 문자보다 더 크다가 판단하는 것이다. - 즉, 'z'가 'a'보다 크다. - 예시 console.log('Z' > 'a'); // false console.log('z' > 'a'); // true console.log('z' > 'A..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/type-conversions 형 변환 ko.javascript.info ✅ 형변환 - 객체의 형변환은 뒤에서 배운다. - 문자형으로 변환 : 가장 대표적인 예는 alert(value)이다. 이때, value는 문자열로 변환된다. ► value에 들어오는 값이 숫자형, 불린형 등 문자형이 아닌 다른 타입이어도 문자열로 변환된다. - 숫자형으로 변환 : 수학과 관련된 함수와 표현식에서 자동으로 일어나는 형변환이다. ► 아래의 코드를 보면 어떤 상황에서 숫자형으로 자동 형변환이 일어나는지 알 수 있다. cons..

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/alert-prompt-confirm alert, prompt, confirm을 이용한 상호작용 ko.javascript.info ✅ alert, prompt, confirm을 이용한 상호작용 ❗️주의 : 이 기능들은 브라우저 환경에서 사용된다. ✅ alert 사용자가 "확인"버튼을 누를 때까지 메시지를 보여주는 창이 계속 떠있게 된다. alert의 첫번째 인자로 전달되는 값은 "문자열"로 자동 변환되어 브라우저에 보여진다. ※ alert은 단순히 얼럿 창에 메시지만 띄워주고, 의미있는 값을 반환하지 않는다..

보호되어 있는 글입니다.

※ 필자는 초초초보자입니다. ※ 틀린 내용에 대한 피드백은 언제든지 환영합니다. 공부하고 있는 자료 : modern JavaScript tutorial https://ko.javascript.info/variables 변수와 상수 ko.javascript.info ✅ 변수와 상수 - var, let, const 등 키워드를 사용해서 변수를 생성하지만, 최근에 var은 사용하지 않는다. - 세 가지 키워드에 대한 차이점은 ⚠️별첨1 참고 - 변수의 자료형(type)은 없다. 변수 안에 정수를 대입할수도, 배열을 대입할 수도, 문자열을 대입할 수도 있다. - 가능한 한 줄에 하나의 변수를 작성하는게 가독성이 좋다. ✅ 변수 재사용 let message; let msg2; message = 'hello'; m..