비교 연산자 https://ko.javascript.info/comparison 비교 연산자 ko.javascript.info 일반적으로 JS에서는 이중 등호 연산자(==)와 부등 연산자(!=) 보다 삼중 등호 연산자(===) 및 불일치 연산자(!==)를 권장한다. 작업하고 있는 값의 자료형에 좀 더 신경 쓸 수 있기 때문이다. 텍스트 비교에 대한 추가 정보 숫자가 아닌 일반 문자열도 >, 'aa' // true 'a' > '..

화살표 함수 function을 선언하고 작성하는 방법 대신 함수를 간단히 작성하는 방법이다. - 익명 함수라고도 불림 const summarizeUser = (userName, userAge, userHobby) => { return userName, userAge, userHobby; }; console.log(summarizeUser(name, age, hobbies)); 또한 아래처럼 중괄호와 return 구문을 생략할 수도 있다. const add = (a, b) => a + b; // 들어오는 인수가 하나라면 괄호를 생략해도 무방하다. const addOne = a => a + 1; // 들어오는 인수가 없다면 괄호를 반드시 명시해주어야 한다. const addSomething = () => 1..

코드를 효율적으로 작성하기 복사 붙여넣기나 수동 작업을 많이 하지 않고 코드를 작성할 수 있는, 사용할 수 있는 많은 도구를 이용하는 것. IDE Look & Feel을 구성하고, 자주 사용하는 단축키를 숙지하며, IDE에 내장된 자동 완성과 힌트, 확장 프로그램을 세팅함으로써 자신에게 최적의 PC 환경을 구축할 수 있다. 문제 해결하기 많은 강의를 들었거나 오랜 기간 개발자로서 근무했어도 문제를 해결하려는데 기억이 나지 않는 상황이나 어려움에 직면하기 마련이다. 개발자는 모든 명령어를 외우는 것이 목표가 될 수 없고, 어차피 다 외울 수도 없다. 일반적인 언어의 원리와 코드 작성에 관해 어떻게 생각해야 하는지 학습해야 한다. 구글링은 필수이며, MDN에 좋은 문서가 많으므로 적극 활용한다. 코드 디버깅..

웹 사이트에 JavaScript 추가하기 html 내에 .js 파일을 script 태그를 통해 가져올 수 있다. 보통 head에 지정을 해주나, html 문서가 모두 렌더링 된 다음 js 코드를 작동시키고 싶다면 body의 맨 끝에 추가해준다. 변수와 상수 변수는 let, 상수는 const로 선언 - 상수는 값을 변경할 수 없으며, 가급적 자주 사용하는 것이 좋다. 상수는 값 변경할 수 없고 용도가 제한적이기 때문에 해당 코드의 의도를 명확히 보여줄 수 있다. 코드 수명 주기 전반에 걸쳐 절대 변하지 않는 값이 있을 때 이를 명확히 함으로써, 다른 개발자가 코드를 읽을 때 이 데이터는 절대 변하지 않는다는 것을 바로 알려줄 수 있다. → 코드의 명확한 이해를 돕는다. 변수의 이름: 변수 내에 어떤 종류의..

강의명: JavaScript 완벽 가이드: 초급 + 고급 마스터 과정 플랫폼: Udemy 개요 JavaScript란 무엇인가? 런타임에 컴파일 되는 동적 약형 프로그래밍 언어 브라우저에서 웹 페이지의 일부로 실행될 수 있으며, 호스트 환경이라 불리는 모든 머신에서 직접 실행 될 수 있다. 웹 페이지를 보다 동적으로 만들기 위해 탄생한 언어이며, 브라우저 내에서 페이지의 내용을 직접 변경하기 위해 만들어졌다. 동적으로 웹 페이지에 새로운 컨텐츠를 추가할 수 있다. JS로 오버레이 표시 가능(ex. modal) → 사용자를 새 페이지로 보내지 않기 때문에 더 나은 사용자 경험 제공, 기존 페이지를 벗어나 새 html 코드가 다운로드 되기를 기다릴 필요도 없음 오늘날 웹 페이지에서 흔히 볼 수 있는 형식이며,..