소개
40년 넘게 소프트웨어를 개발했으며, 지금도 개발하고 있습니다.
23년 넘게 JavaScript 중심으로 개발했습니다.
동영상: 10개
자바스크립트 비기너, 자바스크립트 중고급
모던 자바스크립트(ES6+) 기본, 모던 자바스크립트(ES6+) 심화
DOM 기본, DOM 인터랙션
React 비기너, React 완전 끝내기
요구분석 구현 방법
자바스크립트 머신러닝 TensorFlow.js
저서: 9권
몰입! 자바스크립트, ECMAScript 6, HTML5, DOM 스크립팅
자바스크립트 정규표현식, 요구분석을 위한 Event Process 모델링
머신러닝 TensorFlow.js JavaScript, Ajax 활용, prototype.js 완전분석
9권 중에서 8권은 국내 최초 저자입니다.
특히, "머신러닝 TensorFlow.js JavaScript"는 출판하는 시점에 amazon.com에 관련된 책이 없었습니다.
강의
전체10로드맵
전체3수강평
- 웹개발자라면 꼭 한 번 듣기를 권장합니다.
Benjamin M. Kwon
2024.03.25
1
- 비기너 강의를 잘들었습니다. 이번강좌도 잘듣고 리액트 마스터가되어보겠습니다.
p.cdoomco
2024.03.23
1
- 너무 쉽게 원리를 설명해주시니 너무 좋습니다!
추민해
2024.01.29
1
게시글
질문&답변
2024.03.28
선생님 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 오브젝트에 설정되므로 전역 개념으로 사용할 수 있는 것입니다. 답변을 완전하게 이해하지 못해도 됩니다. 지금은 이 정도로 정리하고 진도를 나가도 됩니다. 왜냐하면 자바스크립트 전체 감을 잡게 되면 이해의 깊이가 달라지기 때문입니다. 그 때, 전체적인 관점에서 깊게 생각해도 되겠습니다.
- 0
- 2
- 69
질문&답변
2023.12.19
다이어그램 사용여부에 관하여 질문합니다.
좋은 질문입니다. 1. 다이어그램을 작성하면 좋습니다. 그런데, 문제는 시간이 걸린다는 것입니다. 아직 요구사항이 확정되지 않았으므로 요구 사항을 정의한 것이 계속 바뀐다는 것입니다. 그러면 문서도 정리하고 다이어그램을 정리해야 하는데, 시간이 걸립니다. 문서를 보고 개발할 수 있도록 문서를 작성하므로, 다이어그램은 보조 역할을 하는 점도 있습니다. 그렇다고 다이어그램을 기준으로 프로그램을 개발하는 것은 부족함이 있습니다. 요구분석을 처음 공부할 때는 공부 차원에서 다양한 다이어그램을 작성하는 것은 괜찮습니다. 이를 통해 경험을 만들수 있기 때문입니다. 프로젝트에 따라 다이어그램 작성을 요구하기도 합니다. 그런데 요구사항을 문서로 정리한 후, 문서를 보고 다이어그램을 만드는 경우도 있습니다. 그야말로 문서를 위한 문서 작성이지만, 어쩔 수 없는 경우도 있습니다. 프로젝트 초반에 전체 구상을 위해 activity 다이어그램을 작성하기도 합니다. 서버 환경이 객체 지향 환경일 때는 Class 다이어그램을 작성합니다.
- 0
- 1
- 83
질문&답변
2023.12.17
요구사항 상태 구분에 대해 질문합니다.
좋은 질문, 너무 좋습니다^^ 강의자의 생각을 적어봅니다. 1. 요구사항과 현행 비즈니스 프로세스를 비교한 상태입니다. 2. 상태 2에서 상태 1로, 상태 3이 상태 4로 이어지는 상황이 아닙니다. 3. 상태 2는, 현행 비즈니스 프로세스가 요구사항을 포함하고 있다는 상태입니다. 4. 현행 비즈니스 시나리오에 10개의 비즈니스 프로세스가 있다고 할 때, 이 중에서 비즈니스 프로세스 2개가 요구사항이라면, 요구사항을 포함하고 있는 상태입니다. 나머지 8개 비즈니스 프로세스 중에서 포함, 변경, 제외, 추가가 발생할 수 있습니다. 지금 단계는 비즈니스 목표 모델을 정의하기 위한 요구사항 조사 단계입니다.
- 1
- 1
- 146
질문&답변
2023.07.15
forEach문을 활용한 코딩시간 풀이
코드는 고칠 것이 없네요. 코드를 작성한 후에 주석을 작성한 것은 아닌가요? 코드 위에, 앞에 주석을 작성하세요. 주석을 먼저 작성하는 것은 코드를 작성하기 전에 내 생각을 먼저 정리하는 것을 뜻합니다. 그리고 정리한 주석을 보고 코드를 작성하는 것입니다. 어렵지만 습관으로 만들기 바랍니다. 수업을 듣고 있는데도 아직까지 혼자 명확하게 코드 짜는게 어렵고 많이 헤매네요ㅠㅠ 언제쯤 문제사항을 보고 능숙하게 함수와 메소드를 활용해서 코드를 짤 수 있을까요 응용실력이 얼른 늘었으면 합니다... ==> 당연합니다. 그래도 지금처럼 계속 꾸준하게 하면 됩니다. 힘들더라도 진도를 뛰어 넘으면 안됩니다. 자바스크립트 4개 강좌를 5번 반복하면서 매번 코딩한다고 생각하고 진행하기 바랍니다. 프로그램은 감을 잡는 것이 중요합니다. 지금은 자바스크립트 프로그램의 언어적 감각을 만드는 단계입니다. 감을 잡으려면 전체를 보아야 하고, 생각한 것을 주석으로 작성하고, 검토하고, 그것을 코딩하는 방법이 왕도입니다. 반복할 때마다 감을 잡는 범위가 넓어질 것 입니다.
- 0
- 1
- 284
질문&답변
2023.07.14
sort 코딩 시간 풀이
two - one가 양수인 경우는 ==> two - one이 음수인 경우 debugger로 한 줄씩 코드를 따라 가면서 값이 변하는 상태를 브라우저 개발자 도구에서 보면 확실하게 이해할 수 있습니다. 이렇게 하는 것도 습관으로 만들어 보세요. 내가 작성한 코드를 내가 완전하게 체크하는 마인드를 갖는 것은 매우 중요합니다. 그러면 내 자신을 내가 믿게 됩니다.
- 0
- 1
- 119