JavaScript

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

"한빛미디어 활동을 위해서 책을 제공받아 작성된 서평입니다" 아무 말 소마 팀에서 프론트엔드 포지션을 소화하게 되면서, 프론트 관련한 책을 얻고자 이 책을 신청했다. 프론트엔드 개발을 하다보면 HTML, CSS, JS에 대한 공부가 필요하다는 것은 누구나 느끼는 것 같다. (CSS가 지잉짜 어려운 것 같다.) React, Next 같은 메인 툴, CSS를 더 편하게(?) 작성해주는 툴들… 등등 프론트엔드의 세상에서는 많은 라이브러리, 프레임워크가 생기고 사라지는 것을 반복한다. 나는 우리 팀 개발에서 Next.js 13버전을 쓰고 있다. 인터넷강의를 그렇게 적극적으로 찾아보진 않았지만 내가 원하는 버전으로, 내가 원하는 만큼, 여러 다른 라이브러리 스펙까지 맞춰서 가르쳐주는 강의는 참 찾기 어렵다. 그런..

노드를 사용자에게 엄청 많은 지지를 받은 책. Node.js 교과서. 벌써 3판이 나왔다기에 이번 기회에 받아서 읽었다. 2판을 지인 책을 빌려서 읽었었는데. 그때도 두꺼웠지만 더 두꺼워져서 어마어마한 무기처럼 생겼다. 프로젝트를 할 때, JS로 개인적으로 공부할 때 많이 들춰본 책이었다. 3판에 들어와서 추가된 부분은 Node 18버전, 최신 JS 문법과 TS도입 등이 있다. 보통 이정도 두께의 책은 사전이나 개념서같은 느낌이 많이 드는데, 이 책은 특이하게도 스텝바이스텝으로 따라가는 강의 느낌의 책이다. (실제로 인프런에서 강의를 하고 있다!) 그렇기 때문에 될 수 있으면 앞의 부분을 뛰어넘기보다는 천천히 앞으로 나아가는 것이 좋다. 노드는 서버로 주로 통용되고는 있지만 런타임 환경이고, npm을 통..

모던 자바스크립트 튜토리얼 내용 정리 남용은 금지! 존재하지 않아도 괜찮은 대상에만 사용 등장 배경 요소가 없을 때 발생한 에러를 처리하고자 하는 마음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..