
클린업 JavaScript: 점프업!
₩44,000
초급 / JavaScript
자바스크립트 최종 코스! ES2025 기준 실행 콘텍스트 구조와 방법, Event Loop, 멀티 스레딩을 다룹니다. 자바스크립트 언어에 담겨진 언어 문화를 다룹니다.
초급
JavaScript
소프트웨어 개발을 좋아하는 개발자입니다.
동영상: 12개
클린업 자바스크립트: 점프업
클린업 자바스크립트: 베이스 빌드업
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js
저서: 9권
몰입! 자바스크립트
ECMAScript 6
HTML5
DOM 스크립팅
자바스크립트 정규표현식
요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js,
Ajax 활용, prototype.js 완전분석
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.
클린업 JavaScript: 점프업!
₩44,000
초급 / JavaScript
자바스크립트 최종 코스! ES2025 기준 실행 콘텍스트 구조와 방법, Event Loop, 멀티 스레딩을 다룹니다. 자바스크립트 언어에 담겨진 언어 문화를 다룹니다.
초급
JavaScript
클린업 JavaScript: 베이스 빌드업!
₩44,000
초급 / JavaScript, 면접, 기술면접
5.0
(3)
생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.
초급
JavaScript, 면접, 기술면접
React 완전 끝내기: useHoooooook
₩44,000
초급 / React, JavaScript, DOM
5.0
(3)
넓고 깊으면서 자세하게 React의 state와 hook을 배울 수 있습니다. React 공식 문서의 95% 이상을 다룹니다. 본 강좌로 React를 끝낼 수 있습니다.
초급
React, JavaScript, DOM
React 비기너: 튼튼한 기본 만들기
₩44,000
초급 / React, JavaScript, DOM, 객체지향
5.0
(18)
React 기본을 배울 수 있습니다. React와 관련된 HTML, JavaScript, DOM, Event, Object, Module, OOP 등을 정리할 수 있습니다.
초급
React, JavaScript, DOM
요구분석 구현 방법: 시스템 개발 성공을 위한 요구분석 구현 방법
₩286,000
중급이상 / 요구분석, 소프트웨어 공학
4.5
(2)
시스템 개발이 실패하거나 요구사항 변경이 발생하는 대부분은 요구분석을 잘못하였기 때문입니다. 시스템 개발을 성공하는 요구분석 구현 방법을 다룹니다. 요구사항은 코드로 풀지 않고 시나리오로 풉니다. 요구사항을 시나리오로 푸는 방법을 다룹니다.
중급이상
요구분석, 소프트웨어 공학
DOM 인터랙션
₩77,000
초급 / DOM, JavaScript, HTML/CSS
5.0
(1)
DOM은 동적 애플리케이션의 필수이며 바탕입니다. Element, Document, Window 오브젝트에서 발생하는, 발생시키는 모든 이벤트를 기본부터 활용까지 다룹니다. Web Component(Custom Element, Shadow DOM, Template)을 완전하게 배울 수 있으며 활용할 수 있습니다. 개설된 "DOM 완전 끝내기: 기본" 강좌와 더불어 DOM의 마침표를 찍을 수 있습니다.
초급
DOM, JavaScript, HTML/CSS
질문&답변
타 강의도 구매하려 하는데 쿠폰할인기간이 지났다고 나옵니다
안녕하세요강의 소개 페이지에 새로운 쿠폰 번호를 게재했습니다. 알려주셔서 감사합니다^^** 아래 강의도 추가 수강하는걸 추천하시나요?자바스크립트 기초, 기반 전체를 다루는 강의입니다.멀리 보고 가시려면 기반이 튼튼해야 하는 것은 당연합니다.오해를 살 것 같아 조심스럽습니다만, 추천합니다오픈된 강의를 쭈욱 따라오시면 빈틈 없이 배우실 수 있습니다.전체를 보는 시야가 넓어지며 감각이 만들어 집니다. 이것이 매우 중요합니다.참고로, 로드맵으로 구매하시면 40% 할인됩니다감사합니다^^
질문&답변
React 완전 끝내기: useHoooooook / seCallback 사용 배경 / name 변수가 무엇인지 알수있을까요?
let name;function App() {} 앞에 있습니다.
질문&답변
안녕하세요 선생님 다음 강의는 무엇이죠?
관심가져 주셔서 감사합니다. 다음 강좌를 준비하고 있습니다만 발표하기에는 이른 것 같습니다. 8월달 오픈 목표로 진행하고 있습니다.
질문&답변
클린업 JavaScript: 점프업! / 6. 클로저(Closure), 클로저 대상 / 2:25
setPoint 함수의 최상위 레벨에 작성한 변수는 클로저 대상입니다따라서 아래의 변수는 let, const, var에 관계없이 모두 클로저 대상입니다. let one =100; const two = 200; var five=500; 반면, setPoint 함수의 블록{ }에 작성한 let, const 변수는 클로저 대상이 아닙니다 따라서 let seven=700;는 클로저 대상이 아닙니다. 즉, getPoint() 함수를 호출했을 때 debugger 위치에서 seven: 700이 보이지 않습니다.한편, var 변수는 블록{ }에 작성하더라도 블록이 스코프가 아니라 setPoint 함수가 스코프이므로 클로저 대상이 됩니다. var nine = 900;또한, 클로저 함수에서 변수를 사용하지 않으면, 클로저 대상에서 제외됩니다 var five = 500;이 debugger에서 표시되지 않은 것은 return function{ 여기 }에서 five 변수를 사용하지 않았기 때문입니다. { 여기 }에 console.log(five);를 작성하면 five 변수가 클로저 대상이 되어 five: 500이 표시됩니다.return function(){ }을 실행할 때, 클로저 대상이 결정되며, 대상을 return하는 Function Object 내부에 설정합니다. 따라서 클로저 대상이 이 때 결정됩니다.
질문&답변
섹션3의 1강 연산자, 표현식 강의에서 표현식 질문이 있습니다.
"값으로 평가될 수 있는 문"을 표현식이라고 알고있습니다.==> 보는 각도에 따라 맞을 수도 있고 다를 수도 있습니다. "값으로 평가될 수 있는 문"을 표현식이라고 하는 것이 검증되지 않은 것일 수도 있거나, 언어에 따라 기준이 다를 수 있습니다. 일단 이것을 기준으로 했을 때,변수를 선언만 하면 변수로 선언될 뿐, 값이 설정되지 않는 언어가 있습니다. 따라서 이 때에는 값으로 평가될 수 없으며 값을 설정하는 것이 아닙니다한편, 자바스크립트는 var total;처럼 변수를 선언만 하더라도 undefined라는 값이 디폴트로 설정됩니다. 이것은 값을 갖게 되며, 값으로 평가될 수 있습니다.따라서 바로 이어서 if (total === undefined) {코드} 형태를 사용할 수 있습니다.조금 더 깊게 들어가면, var는 문(statement)이며 let, const는 선언(Declaration)입니다. 문과 선언은 동반되는 처리가 다릅니다. 즉, 다른 언어와 문, 선언의 기준이 다를 수 있습니다.
질문&답변
안녕하세요, 선배님.
24년전 제가 고민했던 것을 똑같이 하시네요. 엄청 빠르십니다^^그 때 고민하다가 클라이언트로 특히, 웹으로 방향을 잡았으며 이후에는 웹 관련 기술 중심으로 개발을 했습니다. 결정하게 된 가장 큰 요인은, 웹 기술은 모두 표준이라는 것입니다. 즉, 바뀌지 않으므로 열심히 하면 기술이 축적된다는 생각이었습니다.사실, 웹 기술을 깊게 들어가면 서버보다 할 것도 많고 더 어렵습니다.서버는 머신이 대상이므로 나만 잘하면 됩니다. 머신은, 데이터베이스는 말이 없습니다.^^반면, 웹은 사람이 대상이므로 최종 판단은 내가 아니라 사용자가 한다는 것입니다. 100명을 모두 만족시키는 것은 불가능합니다.한편, 오래전부터 다른 생각이 들어 준비하고 있었습니다. 이에 대해서는 지금 말할 수 없으며 6개월 정도 후에 보여 드리겠습니다.그 때 보면 아시겠지만 우선 결론을 말씀드리면, 서버 또는 클라이언트 어느 한 쪽의 감을 잡는 것은 매우 큰 경험이며 자산입니다. 버리시면 안됩니다. 즉, 두 가지를 모두 하세요. 어려운 행보이지만 멀리 본다면 가야할 길입니다.어려운 부탁 아닌 부탁이지만, 기본에 충실하세요. 바닥을 파고 드세요. 매우 어렵지만 프로로 가는 바탕입니다. 새로운 기술을 짧은 시간에 내 것으로 만들 수 있습니다.프로는 아름답지만, 이면에는 나름 엄청나게 노력합니다.
질문&답변
CSSOM 강좌는 언제 올라오나요?
안녕하세요^^CSSOM 1차 원고까지 작성했습니다만 홀딩하고, 현재는 다른 강좌를 녹음하고 있습니다."클린업 자바스크립트"의 두 번째 강좌입니다.2025년 1월 중순에 오픈될 것 같습니다. 이어서 CSSOM이 아닌 다른 강좌를 만들려고 합니다.그래서 CSSOM 강좌 오픈은 당분간 어려울 것 같습니다.관심 가져 주셔서 감사합니다.새해 복 많이 받으세요^^
질문&답변
이 강좌를 들으면 좋은점이 뭔가요?
근본과 목적을 파고 들어가는 모습에 박수를 보냅니다. 지금보다 멀리 바라보고 접근하는 마인드가 너무 좋습니다.Q: 이 강의를 들으면 듣지 않은 사람들에 비해 어떤 경쟁력을 갖게 되는지 궁금합니다.A: 프로그램 개발 경험이 쌓이면 감각으로 프로그램을 개발하게 됩니다. 음악가, 미술가는 자신의 컬러를 갖고 있습니다. 소프트웨어 프로(레전드) 개발자도 마찬가지로 자신의 컬러를 갖고 있습니다. 컬러를 다르게 표현하면 자신의 감각을 더 깊게 완성시킨 것이라고 볼 수 있습니다.본 강좌는 사용자 인터렉션 감각 향상에 촛점을 두고 있습니다. 즉, 사용자의 액션을 유도하는 것과 사용자 액션에 따른 시스템이 처리하는 감각을 만드는 것입니다. 강좌에서 하나의 기능을 다루지 않고 기능과 관련된 시나리오를 다루는 것은 감각을 만드는 것에 중점을 두기 때문입니다.스펙의 모든 기능을 다루는 것 또한, 전체를 통해 감각을 만들기 위한 것입니다. 일부 기능을 선별하여 강의를 만드는 것은 그다지 어렵지 않습니다. 하지만, 100%에 가깝게 만드는 것은 정말 어렵고 시간도 많이 걸립니다. 그런데 부분만 발췌하면, 전체를 보는 감각을 만들어야 한다는 것에 어긋나며, 이것이 DOM이라고 하는 것은 강의자의 어설픈 주관이 될 수 있습니다. 이러한 레시피가 있습니다, 여러가지 맛을 보고 맛에 대한 감각을 만들 수 있도록 레시피를 제공하는 것이 강의자의 역할이라고 생각합니다. 수강자에게 감각을 만드는 다양한 맛을 제공하는 것입니다. 노하우는 본인 기준이지, 그것이 필요하지 않는 사람에게는 의미가 없습니다. 필요는 사람에 따라 다르며 선택은 필요한 사람이 합니다. 선택을 위한 레시피를 제공하는 것이 강의자의 역할이라고 생각합니다.Q: 리액트 심화 강의도 혹시 출시 하실 생각이 있으신지 궁금합니다.A: 생각은 하고 있습니다만, 지금은 최근에 오픈한 "클린업 JavaScript: 베이스 빌드업"의 후속 강좌인 "클린업 JavaScript: 점프업(가칭)" 강좌를 만들고 있습니다.지금과 같은 마인드로 접근하는 것은 매우 좋은 선택입니다. 어쩌면 지금은 조금 늦는다고 느낄 수도 있지만, 몇 년 안에 차이가 벌어지게 됩니다. 자바스크립트와 DOM 기본이 튼튼하면, 관련된 라이브러리(프레임워크)를 2~3주면 배울 수 있습니다. 왜냐하면, React와 Vue의 바탕은 자바스크립트와 DOM이기 떄문입니다. 두 개의 기술을 활용하여 개발자가 쉽게 코딩할 수 있도록 만든 것입니다. React의 useState() 개요를 파악하면 안에서 어떻게 처리하는지 예측할 수 있게 됩니다. 설령 예측을 못하더라도 자신감을 갖게 됩니다. 이것은 차이가 매우 큽니다
질문&답변
섹션 1. 6번째 강의 질문입니다.
Java 문법이 확장되었나 봅니다. 설명 요지가 자바스크립트는 int, double(정수 실수)를 구분하지 않는다는 것이므로 이 관점에서 이해하면 되겠습니다.
질문&답변
선생님 Objcet 질문 있습니다.
네이티브 오브젝트가 대문자Object, 호스트 오브젝트가 소문자 object인 것으로 이해 하였고 Global 오브젝트는 네이티브 오브젝트에 포함되어 있다고 이해 하였습니다.==> 강좌에서 대문자 Object는 {key: value} 형태의 Object를 뜻합니다. Object를 객체로 번역하는데, 엄밀하게 보면 번역하면 안되는 것입니다. 왜냐하면 자바스크립트에서 Object는 오브젝트 이름이기 때문입니다. 즉, 고유명사입니다. 강좌에서 소문자 object는 new 연산자로 생성한 인스턴스를 뜻합니다. 따라서 대문자와 소문자 object는 형태도 다르고, 만드는 방법도 다릅니다. 그래서 대문자와 소문자를 구분한 것입니다.자바스크립트에 네이티브라는 용어가 없습니다. 글의 문맥으로 보아 네이티브가 자바스크립트를 지칭하는 것으로 보아집니다만, 그냥 자바스크립트 오브젝트라고 하면 되겠습니다.호스트 오브젝트 용어 또한 없습니다. 호스트 환경(Environment)은 있으며, 중고급 과정에서 다룹니다.Global 오브젝트에서 Global은 자바스크립트에서 오브젝트 이름입니다. 다만 Global 오브젝트라는 실체가 없으며 Global 오브젝트의 프로퍼티와 함수가 Window 오브젝트에 설정됩니다.-------------섹션11 강의인 Global 오브젝트의 프로퍼티들은 전역 범위의 프로퍼티이고 호스트 오브젝트에 소문자 Global objcet(window)도 전역 범위에 항상 존재하는데 Global 오브젝트의 프로퍼티들이 소문자 Global objcet(window)에서 사용된다고 봐야할까요? 아니면 네이티브 오브젝트의 전역 범위에서 Global 오브젝트의 프로퍼티들이 사용되는 것 일까요?==> Global 오브젝트의 프로퍼티, 함수가 Window 오브젝트에 설정되므로 전역 범위라고 볼 수 있습니다. 한편, Global과 전역은 뉘앙스가 다릅니다. Global은 자바스크립트에서 오브젝트 이름입니다. 다만, Global 오브젝트의 프로퍼티, 함수가 Window 오브젝트에 설정되므로 전역 개념으로 사용할 수 있는 것입니다.답변을 완전하게 이해하지 못해도 됩니다. 지금은 이 정도로 정리하고 진도를 나가도 됩니다. 왜냐하면 자바스크립트 전체 감을 잡게 되면 이해의 깊이가 달라지기 때문입니다. 그 때, 전체적인 관점에서 깊게 생각해도 되겠습니다.
김영보님의 소개 - 인프런