웹 개발의 핵심, HTTP 완벽 마스터하기!
김정환
HTTP 기본부터 데이터 요청, 실시간 통신, 보안, 그리고 성능 최적화까지, 웹 개발자가 반드시 알아야 할 네트워크 지식을 배워보세요.
초급
Ajax, https, cors
同じ機能を作成する場合でも、JavaScript の文法を始めたばかりのジュニア開発者と経験豊富なシニア開発者のコードは、かなり異なります。もちろん、結果物は同じです。後者のコードが認められる理由は、構造化された設計と変更に対応できる拡張性にあるでしょう。この講義では、そのような優れたコードを作成する方法について説明します。
テスト主導開発 (TDD) メソッド論
JavaScript モジュール パターン
単一責任の原則を適用したコードのリファクタリング
DOM 操作およびイベント処理
JavaScript コードのテストとメンテナンス
良いコードを知ると、
良いソフトウェアを作ることができます。
同じ機能を作成してもJavaScriptの文法を解放したジュニア開発者と経験豊富なシニア開発者のコードはかなり異なります。もちろん、結果は同じでもそうです。後者のコードが認められる理由は、質感のある設計と変化に対応できる拡張性のためです。このレッスンでは、そのような良いコードを作成する方法を学びます。
まず、JavaScriptの特性と、なぜTDD(テスト主導開発)が必要なのかを考えてみましょう。実務でよく使われるコード例に進んでいます。コードの問題点を一緒に診断して、段階的に改善していく過程を一緒にするんです。それからTDDとデザインパターンの理論を見てみましょう。これをリファクタリングに適用しながら、最終的には良い品質のコードを作り出すことができます。
各講義は10分未満で短く、いつでも再開できます。映像の途中で準備したブランチは、練習できない方のための小さな配慮です。でも、自分で一汗を汗コーディングしながら、授業に参加することを強くお勧めします。
「JavaScriptの文法はわかりますが、どのように開発するのかわかりません」
「TDDは聞いたが、どうするのか気になります」
「要求事項が変更されても、コードは少しだけ修正してほしい」
🔹プレビューする学習環境
ウェブ技術を学び整理するのが好きな実務開発者
Web技術や開発者としての考えを込めた技術ブログを運営しています。
学習した技術と実務で学んだノウハウを集めて発表や講義形式で共有する活動もしています。
エレガントな兄弟たちでフロントエンド開発者として働いています。
リアクト技術に関するコンテンツも作成しました。
学習対象は
誰でしょう?
プログラミング初心者
JavaScript 開発者
フロントエンド開発者
ソフトウェアの品質を向上させたい人
テスト主導開発に興味のある方
全体
19件 ∙ (1時間 11分)
1. 悲しい状況
03:00
2. いくつかのテストコンセプト
03:00
3. インストール1
04:00
4. 設置2
02:00
5. テストできないコード1
01:00
6. テストできないコード2
02:00
7. 待って、モジュールパターン
03:00
14. モジュールを使って画面を作る
03:00
15. 改善された点
04:00
全体
96件
4.8
96件の受講レビュー
受講レビュー 2
∙
平均評価 5.0
5
김정환 님의 강의 덕분에 좋은 코드를 작성하는 게 어떤 것인지 감을 잡을 수 있었습니다. 저는 비전공자로 프로그래밍에 입문한 지 몇개월 안된 수강생입니다. 사람들이 항상 좋은 코드, 클린 코드 말하는 것만 듣고, 그게 정확히 어떤 것인지 감이 잘 안 잡혔습니다. 그러던 와중에 저의 멘토분께서 항상 TDD로 코딩 해보는 것을 추천해주셨습니다. 일을 매우 작은 단위로 추적하는 것을 습관화하는데 도움이 된다는 말과 함께요. 그래서 김정환 님의 강의를 찾아 들었습니다. 작은 단위로 생각하는 것과 더불어, 맨날 말로만 들었던 DRY 한 코드가 어떤 것인지 조금이나마 감을 잡게 된 것 같습니다. 이 강의 뿐만 아니라, 노드 TDD 개발이나 블로그에 써주시는 글도 너무 좋은 것 같습니다. 좋은 강의 자료 제공해주셔서 감사합니다.
강의, 블로그까지 찾아주시다니 고맙습니다.
受講レビュー 14
∙
平均評価 5.0
5
아주 쉽게 TDD에 대해서 설명해주시네요 TDD에 대한 개념을 아주 쉽게 설명해 주셔서 재밌게 봤습니다. 만드시는 소스 스타일이 React나 Vue랑 비슷한거 같네요. 궁금한 점이 있습니다. 아직 ES6를 사용하지 못하는 프로젝트에서는 ES5로 변환해서 배포해야 할텐데 ES6에서 테스트한 코드는 ES5로 변환한 후에도 테스트에서 통과한 내용을 모두 보증할 수 있나요? 좋은 강의 감사합니다. 다른 강의도 유익하게 보겠습니다!
그렇지 않습니다 어플리케이션 코드와 버전을 맞추는 것이 좋습니다. es5로도 얼마든지 테스트 코드 작성할 수 있거든요.
受講レビュー 1
∙
平均評価 4.0
期間限定セール、あと4日日で終了
¥20,620
25%
¥3,461
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!