JS

시작에 앞서 재작년부터였을까. 아니면 작년부터였을까. 어쩌다보니 JS가 가장 편해졌고 어느 순간 프론트를 메인으로 잡고 가고 있었다. 그런데 딱히 싫지 않다. ㅎㅎ 백엔드도 JS로 되니까~ 그간 공부할 때 봤던 사이트, 책을 정리해놓고자 한다. 공식 문서 프론트엔드를 해야겠다! 리액트를 해야겠다! 라고 할 때 가장 많이 본 것은 사실 책이 아니라 공식문서였다. 요즘 공식문서가 너무 많이 잘 되있다. 모든 API 레퍼런스와 튜토리얼까지 자세하게 나와있기 때문에 책보다 중요하다. 리액트 공식문서(튜토리얼) : https://react.dev/learn 타입스크립트 핸드북 : https://www.typescriptlang.org/docs/handbook/intro.html NextJS 공식문서 : https..

모던 자바스크립트 튜토리얼 내용 정리 남용은 금지! 존재하지 않아도 괜찮은 대상에만 사용 등장 배경 요소가 없을 때 발생한 에러를 처리하고자 하는 마음let user = {}; alert(user.address.street); // TypeError 발생 해결 과정 AND(&&) 연산을 사용한다면? let user = {}; alert(user && user.address && user.address.street); // undefined. 옵셔널 체이닝 등장 평가 대상이 undefined, null이면 평가를 멈추고 undefined를 반환let user = {}; alert( user?.address?.street ); // undefined, 에러가 발생하지 않습니다. 주의 사항 ?.의 '앞..

[JavaScript] 즉시 실행 함수 (IIFE) IIFE (Immediately Invoked Function Expression). 정의되자마자 실행되는 JavaScript Function을 말한다. 즉시 실행 함수 (function imFunc() { alert("Welcome"); }());익명함수로 실행 (function() { alert("Welcome"); }());변수 사용 가능 (괄호 안쪽, 바깥쪽 둘 다 가능) // 괄호 안쪽 let data = 'welcome'; (function(data) { alert(data); }(data)); // 괄호 바깥 let data = 'welcome'; (function(data) { alert(data); })(da..

[JavaScript] 함수를 선언식, 표현식, 화살표로 만들어보기 함수명은 CamelCase로! (시작은 소문자!) 선언식 표현 function 함수명(매개변수1, 매개변수2, ...) { 함수가 호출되었을 때 실행하고자 하는 실행문; return 함수 밖으로 내보내고 싶은 값; } 표현식 let method = function (매개변수1, 매개변수2, ...) { 함수가 호출되었을 때 실행하고자 하는 실행문; return 함수 밖으로 내보내고 싶은 값; } 화살표 Arrow 표현식으로 만드는 익명함수에서 사용let arrow = function() { console.log('arrow function'); }; arrow = () => {console.log('arrow fun..