강의

N
챌린지

멘토링

로드맵

Inflearn brand logo image
개발 · 프로그래밍

/

프로그래밍 언어

너도 프론트엔드 개발자 할 수 있어! 자바스크립트 기초부터 응용까지 ALL IN ONE!

본 강의에서는 다양한 예제와 실습을 통해 ES6이 포함된 Javascript의 최신 기술들을 배워봅니다. 현업에서 유용하게 사용될 여러가지 코딩 기술을 알려드리기 때문에 다양하게 익힐 수 있습니다.

(5.0) 수강평 5개

수강생 38명

  • 에피노
JavaScriptES6함수형 프로그래밍

먼저 경험한 수강생들의 후기

이런 걸 배울 수 있어요

  • Javascript

  • 자바스크립트

  • ES5/6

  • 웹사이트 개발

  • 웹개발

  • FrontEnd

  • 프론트엔드

프론트엔드 개발자가 되고싶은 당신을 위한 강의
답은 Javascript입니다 😎

핫한 Javascript를 배워보자! 📖

프론트엔드 개발자가 되고싶은 분?
직접 웹사이트를 만들고 싶은 분?
답은 Javascript입니다.

JAVASCRIPT

자바스크립트는 프론트엔트, 즉 웹사이트를 만드는 것에 최적화되어있는 프로그래밍 언어입니다.
이 강의를 통해 자바스크립트가 무엇이고, 어떻게 사용해야 하는지 제대로 알려드립니다.


React, Vue, Angular도 있는데
왜 꼭 Javascript여야 하나요? 🤔

React, Vue, Angular는 자바스크립트를 기반으로 제작된 자바스크립트의 라이브러리의 일종입니다.
이번 강의를 듣고 후에 다음 강의로 듣는다면 훨씬 빠르게 배워나가실 수 있습니다.


자바스크립트로 웹사이트뿐만 아니라 모바일 앱, 키오스크, 심지어 게임까지 많은 부분에서 사용이 가능합니다! 또한, 현재 사용하는 웹사이트들의 60% 이상은 자바스크립트를 기반으로 만들어져있고 현대의 웹사이트는 동적이기 때문에 프론트엔드 개발자의 자바스크립트 역량은 필수불가결합니다.

무엇을 어떻게 배우나요?

  • 비주얼 스튜디오라는 툴을 통해 코딩 및 프로그래밍을 진행합니다.
  • 자바스크립트의 특성와 ES5/6 문법, BOM, DOM 등 JS의 다양한 문법에 대해 학습합니다.
  • GitHub를 통해 강의자료를 배포해드립니다!


누가 배우면 좋을까요? 🤚

어떤 언어를 공부해야할지
고민하는 분

어떤 JS 강의를 들어야할지
고민하는 분

React, Vue 강의를 들어도
이해가 안 가는 분


완강 후 당신의 모습 🚩

  • React / Vus.js / Angular 같은 JS의 라이브러리에 대한 내용을 이해하기 쉬워집니다.
  • 앞으로 Typescript에 대해서도 배워볼 수 있습니다.

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 프론트엔드 개발자를 꿈꾸는 학생 및 직장인

  • 초급 이상의 프로그래밍 지식을 가지고 계신 분

  • 자바스크립트에 대해 자세히 알고 싶으신 분

  • 프론트엔드를 시작해보고 싶은 개발자분들!

선수 지식,
필요할까요?

  • 초급 이상의 프로그래밍 / 코딩 지식

안녕하세요
입니다.

심플하고 효과적인 교육컨텐츠 개발기업 에피노입니다.

커리큘럼

전체

48개 ∙ (9시간 19분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

5개

5.0

5개의 수강평

  • ths69741095님의 프로필 이미지
    ths69741095

    수강평 2

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    誰でも簡単に理解できるフレンドリーな講義が際立っています。 JavaScriptの講義で強調します。^^

    • effino
      지식공유자

      良い評価ありがとうございます。今後さらに努力します。

  • htlim5429님의 프로필 이미지
    htlim5429

    수강평 3

    ∙

    평균 평점 5.0

    5

    31% 수강 후 작성

    有益な教育です。ありがとうございます。

    • dongwonsun0609님의 프로필 이미지
      dongwonsun0609

      수강평 3

      ∙

      평균 평점 5.0

      5

      98% 수강 후 작성

      基本を固めることができてよさそうです。

      • mkson9054님의 프로필 이미지
        mkson9054

        수강평 3

        ∙

        평균 평점 5.0

        5

        100% 수강 후 작성

        お得な内容でした

        • audrey4038님의 프로필 이미지
          audrey4038

          수강평 2

          ∙

          평균 평점 5.0

          5

          100% 수강 후 작성

          お得な講義でした。ありがとうございます。

          비공개 강의로
          수강이 제한됩니다.
          비공개 강의

          비슷한 강의

          같은 분야의 다른 강의를 만나보세요!

          フロントエンド開発の際に必ずやるべき実務例 Part.2강의 썸네일

          フロントエンド開発の際に必ずやるべき実務例 Part.2

          usefulit

          これ以上JavaScriptとES6を別々に勉強する必要はありません。 このレッスンは、JavaScriptプログラミング言語を最新のES6文法で学習するように計画されたコースです。

          초급

          초급

          JavaScript

          フロントエンド開発の際に必ずやるべき実務例 Part.2강의 썸네일

          フロントエンド開発の際に必ずやるべき実務例 Part.2

          usefulit

          実習でマスターするOAuth 2.0：基本からセキュリティリスクまで강의 썸네일

          実習でマスターするOAuth 2.0：基本からセキュリティリスクまで

          hannut911327

          OAuth 2.0をGoogleやFetchのようなアカウントで簡単ログインを試してみて既におなじみに感じられるかもしれません。ソーシャルログインはOAuth 2.0を拡張して作成されたもので、コア技術はOAuth 2.0認定フレームワークにあります。 OAuth 2.0の原理を理解すれば、それに基づいて必要に応じて適切に実装および調整する能力を育てることができます。

          초급

          초급

          OAuth, Next.js, JavaScript

          実習でマスターするOAuth 2.0：基本からセキュリティリスクまで강의 썸네일

          実習でマスターするOAuth 2.0：基本からセキュリティリスクまで

          hannut911327

          JavaScript + jQueryの基礎から実務まで：高度なPart.1강의 썸네일

          JavaScript + jQueryの基礎から実務まで：高度なPart.1

          usefulit

          理論と実習を通じてJavaScriptを習得できる講義です。 JavaScriptにある程度慣れた方のための講義です。 Part 1はJavaScriptのクラスとオブジェクト指向プログラミングの内容を扱っています。

          중급이상

          중급이상

          JavaScript, jQuery

          JavaScript + jQueryの基礎から実務まで：高度なPart.1강의 썸네일

          JavaScript + jQueryの基礎から実務まで：高度なPart.1

          usefulit

          フロントエンド開発の際に必ずやるべき実務例 Part.1강의 썸네일

          フロントエンド開発の際に必ずやるべき実務例 Part.1

          usefulit

          これ以上JavaScriptとES6を別々に勉強する必要はありません。 このレッスンは、JavaScriptプログラミング言語を最新のES6文法で学習するように計画されたコースです。

          초급

          초급

          JavaScript

          フロントエンド開発の際に必ずやるべき実務例 Part.1강의 썸네일

          フロントエンド開発の際に必ずやるべき実務例 Part.1

          usefulit

          プロジェクトで学ぶReact.js강의 썸네일

          プロジェクトで学ぶReact.js

          kossiecoder

          ブログプロジェクトを通じてリアクトの基礎を学ぶことができます

          초급

          초급

          React, Redux, ES6

          プロジェクトで学ぶReact.js강의 썸네일

          プロジェクトで学ぶReact.js

          kossiecoder

          プログラミングの始め方：Web入門（Inflearnオリジナル）강의 썸네일

          プログラミングの始め方：Web入門（Inflearnオリジナル）

          inflearn

          初めてプログラミングを始める方のためのWeb開発入門講座です。HTML、CSS、Javascriptを学び、Instagram投稿カードを作成することで、Webページ作成に不可欠な基本的な内容を学びます。

          입문

          입문

          HTML/CSS, JavaScript

          プログラミングの始め方：Web入門（Inflearnオリジナル）강의 썸네일

          プログラミングの始め方：Web入門（Inflearnオリジナル）

          inflearn

          iOS/Androidアプリ開発のための本番 React Native - Basic강의 썸네일

          iOS/Androidアプリ開発のための本番 React Native - Basic

          wintho

          Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

          초급

          초급

          React Native, React, ES6

          iOS/Androidアプリ開発のための本番 React Native - Basic강의 썸네일

          iOS/Androidアプリ開発のための本番 React Native - Basic

          wintho

          JavaScriptアルゴリズムの問​​題プール入門（コーディングテストに比べ）강의 썸네일

          JavaScriptアルゴリズムの問​​題プール入門（コーディングテストに比べ）

          codingcamp

          JavaScript（JavaScript）でコーディングテストを準備する方のための講座です。楽しく解くことができる基礎段階の問題から高度なアルゴリズムまで段階的にじっくり学ぶように設計された講座です。

          입문

          입문

          JavaScript, Coding Test

          JavaScriptアルゴリズムの問​​題プール入門（コーディングテストに比べ）강의 썸네일

          JavaScriptアルゴリズムの問​​題プール入門（コーディングテストに比べ）

          codingcamp

          ユン・ジェソンの最初のスタートアップ JavaScript Tutorials강의 썸네일

          ユン・ジェソンの最初のスタートアップ JavaScript Tutorials

          softcampus

          JavaScript言語の概要、基礎文法、提供ライブラリまで、JavaScriptの全体的な内容を学ぶことができます。

          입문

          입문

          JavaScript

          ユン・ジェソンの最初のスタートアップ JavaScript Tutorials강의 썸네일

          ユン・ジェソンの最初のスタートアップ JavaScript Tutorials

          softcampus

          簡単かつ自然に学ぶJavascript入門 - コードスクワッドマスターズコースレベル1강의 썸네일

          簡単かつ自然に学ぶJavascript入門 - コードスクワッドマスターズコースレベル1

          honux

          開発者出身の教育専門家が作った最高品質のソフトウェア教育機関コードスクワッドで進行するコードスクワッドマスターズコースレベル1です。 Javascript入門過程として直接プログラミングを実装を通じてコーディングの基礎概念を学ぶことを目指しています。

          입문

          입문

          JavaScript

          簡単かつ自然に学ぶJavascript入門 - コードスクワッドマスターズコースレベル1강의 썸네일

          簡単かつ自然に学ぶJavascript入門 - コードスクワッドマスターズコースレベル1

          honux

          モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング강의 썸네일

          モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング

          jeong4726

          この講義を通じて、受講生はHTML、CSS、JSでインスタグラムに似たWebサービスを作成することができます。 （フロントのみ実装しました！バックエンドサーバー構築は今後講義撮影予定です。）

          초급

          초급

          HTML/CSS, JavaScript, Clone Coding

          モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング강의 썸네일

          モバイル、タブレット、pcレスポンシブインスタグラムクローンコーディング

          jeong4726

          クリーンアップ JavaScript: ベース構築!강의 썸네일

          クリーンアップ JavaScript: ベース構築!

          tonextday

          考え方を扱います。JavaScript の核心と本質を論理的に整理できます。JavaScript の経験を整理して、考え方を自分で整理できます。JavaScript の技術論理を確立できます。JavaScript 全体を見渡す視野を広げることができます。JavaScript の技術面接問題に対応できます。

          초급

          초급

          JavaScript, Interview, Tech Interview

          クリーンアップ JavaScript: ベース構築!강의 썸네일

          クリーンアップ JavaScript: ベース構築!

          tonextday

          Figmaガイドを利用したPWAネイティブアプリ制作 - Figma + HTML + CSS + Progressive Web APP (活用)강의 썸네일

          Figmaガイドを利用したPWAネイティブアプリ制作 - Figma + HTML + CSS + Progressive Web APP (活用)

          usefulit

          アプリは私たちの日常生活で重要な役割を果たしています。しかし、ネイティブアプリを開発し、維持・保守する過程は長く複雑で、多くのコストがかかることもあります。 本講義では、2024年9月現在注目されている代替案であるプログレッシブウェブアプリ（Progressive Web App、PWA）を紹介します。PWAはウェブ技術とネイティブアプリの長所を組み合わせた方式で、より速く効率的なアプリ開発と維持管理を可能にします。 実習と共にPWAの概念、長所、実装方法を段階的に学習し、実務にすぐに適用できる能力を身につけることができます。

          입문

          입문

          HTML/CSS, JavaScript

          Figmaガイドを利用したPWAネイティブアプリ制作 - Figma + HTML + CSS + Progressive Web APP (活用)강의 썸네일

          Figmaガイドを利用したPWAネイティブアプリ制作 - Figma + HTML + CSS + Progressive Web APP (活用)

          usefulit

          JavaScriptアルゴリズムベスト10강의 썸네일

          JavaScriptアルゴリズムベスト10

          theoreum

          最も出題されているタイプを収めた 'JavaScript アルゴリズムのベスト 10' で問題の核心を見つけて解く能力を育てましょう！

          중급이상

          중급이상

          JavaScript, Coding Test, Algorithm

          JavaScriptアルゴリズムベスト10강의 썸네일

          JavaScriptアルゴリズムベスト10

          theoreum

          忙しいJava開発者のためのスカラーを試す강의 썸네일

          忙しいJava開発者のためのスカラーを試す

          hatemogi

          スカラーを使用すると、Java開発者として積み重ねられた経験をそのまま活かしながら、はるかに簡潔でしっかりしたコードをすばやく作成できます。この講義は、Java開発者を対象に既存のJava知識を踏まえ、すばやくスカラーの全体的な姿を理解できるように構成しました。既存のJava開発者なら、非常に簡単にスカラーも学ぶことができます。

          초급

          초급

          Functional Programming, scala, scala-3

          忙しいJava開発者のためのスカラーを試す강의 썸네일

          忙しいJava開発者のためのスカラーを試す

          hatemogi

          誰よりも早く挑戦するChatGPTクローンコーディング강의 썸네일

          誰よりも早く挑戦するChatGPTクローンコーディング

          yeseong0412

          ChatGPTをクローンコーディングしながら最初から最後まで直接実装してみるフルスタック実習講義です。 Spring Bootサーバーとreactフロントエンドまで！ 単純にコードを真似するだけの講義ではなく、実際のサービスデプロイを通じて完成度の高いAIチャットボットサービスを構築できるようにご案内します。

          초급

          초급

          JavaScript, React, Java

          誰よりも早く挑戦するChatGPTクローンコーディング강의 썸네일

          誰よりも早く挑戦するChatGPTクローンコーディング

          yeseong0412

          JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）강의 썸네일

          JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）

          koy

          JavaScriptでスタック、キュー、連結リスト、ソート、DFS/BFSといった主要なデータ構造やアルゴリズムを自身で実装しながら学習します。よく出題される問題形式を一緒に解きながら、コーディングテストや面接に必須の問題解決能力まで身につけることができます。

          초급

          초급

          JavaScript, Algorithm, data-structure

          JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）강의 썸네일

          JavaScriptで学ぶデータ構造とアルゴリズム（概念＋問題解決）

          koy

          誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成강의 썸네일

          誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成

          yeseong0412

          誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作り Springbootでサーバーを開発し、ReactNativeで自分だけの掲示板を作ってみましょう！

          초급

          초급

          JavaScript, React Native, Kotlin

          誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成강의 썸네일

          誰よりも早く学ぶSpringboot + ReactNative RestAPI掲示板作成

          yeseong0412

          [2025] 非専攻者向け React Native アプリ開発 マスタークラス강의 썸네일

          [2025] 非専攻者向け React Native アプリ開発 マスタークラス

          junghw

          アイデアはあるけど、アプリをどう開発したらいいかわからなかった方々、 実践プロジェクトを4つ作りながら、アプリ開発をマスターしてみましょう！

          입문

          입문

          JavaScript, React, Node.js

          [2025] 非専攻者向け React Native アプリ開発 マスタークラス강의 썸네일

          [2025] 非専攻者向け React Native アプリ開発 マスタークラス

          junghw

          Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

          ggangcoding162118

          Webゲームも作って、フロントエンドWeb開発スキルも学ぶ1席3組授業！

          초급

          초급

          Interactive Web, JavaScript, HTML/CSS

          Webゲームを作って学ぶインタラクティブWeb！ JAVASCRIPT

          ggangcoding162118