Web Programming/JavaScript
-
[JS] prototype 1편 : prototype을 통한 상속 톺아보기Web Programming/JavaScript 2025. 6. 19. 00:46
😅 이렇게 바로 발목을 잡힐 줄이야멋쟁이사자처럼 프론트엔드 부트캠프 플러스 5기 생활이 시작되었다.이틀차인 오늘, 본격적으로 Node.js와 Next.js 수업에 들어가기 전 이뤄진 JavaScript Essential 수업에서 이런저런 것들을 배웠다.Array 객체를 다루는 것, 함수의 클로저, this와 prototype 등등... 헌데, 내가 직전에 작성한 TIL인 [JS] this 키워드 : 이것 뭐에요? 에서 Function.prototype.apply, Function.prototype.call 등의 메서드에 의한 간접 호출을 통한 this 바인딩 이야기를 꺼내며 prototype을 일단 기술부채로 남겨놓겠노라 적었는데, 이렇게 금방 그 부채를 청산하게 될 줄은 몰랐다. 그래서 우선은, 이 ..
-
[JS] this 키워드 : 이것 뭐에요?Web Programming/JavaScript 2025. 5. 31. 19:58
📚 새로운 도전에 대한 새로운 마음가짐 다시 한 번 취준에 터닝 포인트가 되기를 바라는 생각으로 멋쟁이사자처럼의 프론트엔드 부트캠프 플러스 5기에 지원을 해서 합격했다. 개강까지는 시간이 좀 남았지만 개강 전까지 이것저것 기초적인 것들을 다시 다져놓고자 해서 위키북스의 '모던 자바스크립트 Deep Dive'와 한빛 미디어의 '모던 자바스크립트 핵심 가이드'를 오가며 읽어보고 있다. 공부를 하는 순서는 딱히 없다.그냥 목차를 보다가 심도있게 바라보고 싶은 곳을 펼쳐서 공부한다.그 이전의 파트를 공부해야 할 필요가 있다면 그것은 잠시 기술부채로 남겨두고, 이해할 수 있는 부분까지만 공부를 한 뒤에기술부채는 차차 해결해나갈 생각이다. 이렇게 연쇄적으로 공부를 해보자는 심산(?) 우선 오늘 첫 번째로 써내려가..
-
[JavaScript] ES6 문법을 간단히 정리해보자.Web Programming/JavaScript 2022. 11. 25. 21:07
👀 갑자기 이런걸 정리하는 이유 최근 Udemy에서 React.js 강의를 듣고 있다고 블로그에 한 두 번 거론했던 기억이 있다. 그 강의를 들으면서 절실히 느껴지는 것이 기본기였고, 기본기를 다지려 이런저런 방면으로 노력을 하고 있다. 그 중 리액트로 웹 애플리케이션을 작성하는 데에 있어서 가장 기본적이고 가장 중요한 것이 '차세대 JavaScript 문법 (ES6)'이라는 생각이 들었다. 그래서 동영상 강의를 비롯해서 구글을 돌아다니기도 하고, 책도 읽어가며 나름대로 정리해 본 내용을 블로그에도 포스팅을 해놓아야겠다는 생각이 들어서 이렇게 갑작스럽게 ES6의 핵심적인 문법들을 올리게 되었다. 부족한 내용도 있고, 아직은 어떻게 해야 잘 활용할 수 있는지 잘은 모르겠지만, 혹시라도 부족한 부분이, 더 ..
-
[JavaScript] 화살표 함수(Arrow Function) 기본 용법 정리Web Programming/JavaScript 2022. 11. 10. 11:07
🧐 왜 갑자기 JavaScript 포스팅을 하나요? 웹 FE 개발자가 되고 싶은데, JS를 포함하여 필요한 기술들에 대한 전반적인 학습 수준이 부족하다는 생각이 들었다. 그래서 유데미, 코세라 등등... 학습을 더 할 수 있는 길을 모색을 하다가 유데미에서 아래의 강의를 구매하여 듣기 시작했다. 【한글자막】 React 완벽 가이드 with Redux, Next.js, TypeScript Javascript부터 웹 어플리케이션 배포까지, React와 프론트엔드 최신 기술을 가장 쉽고 확실하게 배우는 법 www.udemy.com 나름대로의 내실 다지기라고 봐야겠다. 아무튼 그래서 이 강의의 섹션 중 JS를 짧게 복습하는 섹션이 있는데, 그 섹션의 강의를 들으면서 상기시킨 ES6 문법들 중에 정리해야겠다 싶은..