Inflearn brand logo image
Inflearn brand logo image

N

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

/

프로그래밍 언어

쉽고 자연스럽게 배워보는 Javascript 입문 - 코드스쿼드 마스터즈 코스 레벨1

개발자 출신의 교육 전문가들이 만든 최고품질의 소프트웨어 교육기관 코드스쿼드에서 진행하는 코드스쿼드 마스터즈 코스 레벨1 입니다. Javascript 입문 과정으로서 직접 프로그래밍을 구현을 통해서 코딩의 기초 개념을 배우는것을 목표로 하고 있습니다.

(4.6) 수강평 53개

수강생 1,387명

  • 호눅스
  • yoda
JavaScript
Thumbnail

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

이런 걸 배울 수 있어요

  • JavaScript의 기본 프로그래밍 개념

  • 배열, 함수, 객체의 사용법

  • HTML과 JavaScript를 이용한 인터랙티브 웹 페이지 제작

  • 조건문과 반복문을 활용한 문제 해결

  • Git을 이용한 버전 관리

  • 재귀와 성능 측정

  • 실제 프로젝트를 통한 실습 경험

코드스쿼드 마스터즈 코스 레벨1 강좌 소개

이 강좌는 Javascript 를 통해 프로그래밍을 배워보는 것을 목표로 하고 있습니다. 직접 구구단등 여러가지 프로그램 구현을 통해 코딩을 배워볼 수 있습니다. 이 코스는 고품질 소프트웨어 교육과정인 마스터즈 코스 멤버스 레벨 2를 위한 선수과정입니다. 자세한 내용은 홈페이지(http://codesquad.kr/page/masters.html) 를 참고해 주세요.

배우는 것들

  • 구구단 프로그램을 구현하고 실행하는 방법
  • 사용자 값을 입력하는 방법과 콘솔에 값을 출력하는 방법
  • 변수, 데이터 타입, 반복문, 조건문을 사용하는 방법
  • 리스트와 객체를 활용해서 프로그래밍하는 방법
  • git을 사용해서 github를 이용한 프로젝트 관리

구현 후 해야 할 것들

  • 아무것도 없는 스크래치 상태에서 검색을 하지 않고 코드를 다시 짜 본다.
  • 내가 만들고 싶은 프로그램을 생각해 보고, 만들 수 있는 부분까지 만들어 본다.

예제 코드 저장소

아래 링크에는 데모에 사용한 예제 코드들이 저장되어 있습니다. 가능하면 예제 코드를 보지 말고 직접 구현하시기 바랍니다. https://github.com/honux77/js-playground

같이 공부하면 좋은 강좌

생활코딩 WEB2 - JavaScript 강좌

지식공유자 소개

코드스쿼드
코드스쿼드
개발자 출신의 교육 전문가들이 만든 최고품질의 소프트웨어 교육기관
http://codesquad.kr  

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 프로그래밍 초보자

  • JavaScript를 처음 배우는 사람

  • 웹 개발에 관심 있는 사람

  • 실습을 통해 배우고 싶은 사람

  • 기본적인 HTML 지식이 있는 사람

  • 코드의 유지보수성을 높이고 싶은 사람

안녕하세요
입니다.

28,006

명

수강생

857

개

수강평

145

개

답변

4.7

점

강의 평점

5

개

강의

고품질 소프트웨어 교육 기업 코드스쿼드 백엔드 마스터입니다.

코드스쿼드에서 백엔드 개발자 지망생을 육성하고 있으며 우아한 형제들, 카카오, 네이버, 라인, 쿠팡, 삼성전자, 현대카드 등에서 백엔드, 클라우드, 데이터베이스 관련 다수의 기업 강의를 하고 있습니다. 

최근에는 클라우드, 데이터베이스, 자바스크립트, 어셈블리, 레트로게임 등에 관심을 가지고 있습니다.

(현) 코드스쿼드 백엔드 마스터
Amazon Web Services Senior Tech. Trainer 
NHN NEXT 교수
LG전자 소프트웨어 플랫폼 연구실 선임연구원
한양대학교 컴퓨터공학과 박사

공동 지식공유자

커리큘럼

전체

68개 ∙ (10시간 39분)

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

수강평

전체

53개

4.6

53개의 수강평

  • sonypark님의 프로필 이미지
    sonypark

    수강평 5

    ∙

    평균 평점 5.0

    5

    100% 수강 후 작성

    강사님의 친절한 설명과 재치있는 입담 덕분에 즐겁게 공부했습니다 :) 강사님께서 예시를 들어가며 친절하게 해주십니다. 중간중간 유머를 날리시는데 개그 코드가 잘 맞아서 재미있게 들었어요 ㅎㅎㅎㅎ 강의를 들으실 때 팁을 드리자면 강의에 나온 과제를 꼭 처음부터 다시 짜보라는 것입니다. 구구단, 계산기, 숫자 퍼즐을 강사님과 같이 짜면 다 아는 것 같아도 백지 상태로 혼자 구현하려고 하면 잘 안되는 경우가 많았습니다. 강사님도 강조하는 것이 코드를 혼자서 다시 짜보라는 것인데요 직접 해보면서 왜 그런 말을 하셨는지 알 것 같았습니다. 저는 한 번으로는 부족해서 각 과제마다 세 번씩 다시 구현했습니다. JS입문을 이 강의로 했는데 큰 도움이 되었습니다. 좋은 강의 만들어 주셔서 감사합니다.

    • 호눅스
      지식공유자

      감사합니다. 공손님. 훌륭한 개발자 되세요!

  • 신승화님의 프로필 이미지
    신승화

    수강평 7

    ∙

    평균 평점 4.7

    5

    100% 수강 후 작성

    강사님 너무 유쾌하세요 뒷부분 과제 같은 경우 요구사항을 먼저 알려주셔서 혼자서 해본 다음에 강사님은 어떻게 코딩하시는지 볼 수 있어서 좋았어요. 그리고 중간에 에러나는 경우 그대로 보여주는 것도 좋았습니다. (어떻게 해결해나가는지 볼 수 있기 때문에)

    • HWAN님의 프로필 이미지
      HWAN

      수강평 12

      ∙

      평균 평점 5.0

      5

      100% 수강 후 작성

      푸시 팝 푸시 팝 웃겨서 남겨요~!ㅋㅋ 좋은 강의 감사 드립니다^^

      • Josh님의 프로필 이미지
        Josh

        수강평 3

        ∙

        평균 평점 5.0

        5

        69% 수강 후 작성

        자바스크립트의 기본기를 다질 수 있는 좋은 강의입니다. 가끔 강사님이 실수하시는 게 인간미가 느껴집니다.

        • 7d9fbah1mz님의 프로필 이미지
          7d9fbah1mz

          수강평 12

          ∙

          평균 평점 4.8

          5

          100% 수강 후 작성

          쉽게 자바스크립트를 배울 수있는 좋은 선택이었습니다.

          무료

          호눅스님의 다른 강의

          지식공유자님의 다른 강의를 만나보세요!

          진짜 입문자를 위한 클라우드와 AWS강의 썸네일

          진짜 입문자를 위한 클라우드와 AWS

          호눅스

          이 강좌를 통해 컴퓨터, 인터넷의 원리를 이해하고 클라우드가 무엇인지, 왜 필요한지 설명할 수 있게 됩니다. AWS의 기초 강좌인 Tech 이센셜이나, AwsomeDay 등이 어려웠던 분들, 또는 해당 강의를 수강 예정이신 분들에게 추천합니다.

          입문

          입문

          AWS

          진짜 입문자를 위한 클라우드와 AWS강의 썸네일

          진짜 입문자를 위한 클라우드와 AWS

          호눅스

          실습으로 배우는 AWS 핵심 서비스강의 썸네일

          실습으로 배우는 AWS 핵심 서비스

          호눅스

          많은 분들이 요청하셨던 AWS 학습하기 시리즈 두 번째 강좌입니다. AWS의 필수 / 핵심 서비스들을 활용하는 방법에 대해 익힙니다.

          초급

          초급

          AWS

          실습으로 배우는 AWS 핵심 서비스강의 썸네일

          실습으로 배우는 AWS 핵심 서비스

          호눅스

          Git과 GitHub 시작하기강의 썸네일

          Git과 GitHub 시작하기

          호눅스

          배우기 어려운 Git의 사용법을 쉬운 Gui 프로그램인 SourceTree를 통해 익혀봅시다.

          입문

          입문

          Git, 버전관리시스템

          Git과 GitHub 시작하기강의 썸네일

          Git과 GitHub 시작하기

          호눅스

          만들어 가면서 배우는 JAVA 플레이그라운드강의 썸네일

          만들어 가면서 배우는 JAVA 플레이그라운드

          호눅스

          <코드스쿼드 플레이그라운드>는 마스터즈코스 화이트레벨을 수강하기 위한 준비단계입니다. 대상은 코딩을 전혀 경험해보지 않았던 분들을 위한 과정입니다. 기존의 이론 위주로 학습 방식이 아니라 무엇인가를 만들어가면서 이론을 학습하는 방식으로 진행합니다. 마스터즈코스 화이트레벨을 수강하지 않더라도 자바 프로그래밍 학습을 시작하는 분들은 도전해 보시기 바랍니다.

          입문

          입문

          Java

          만들어 가면서 배우는 JAVA 플레이그라운드강의 썸네일

          만들어 가면서 배우는 JAVA 플레이그라운드

          호눅스

          비슷한 강의

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

          공식문서로 배우는 실전 타입스크립트강의 썸네일

          공식문서로 배우는 실전 타입스크립트

          어쩔코딩

          타입스크립트를 제대로 이해하려면 공식문서를 한번쯤 보셔야겠죠? 문서에서 중요한 부분들만 콕 집어서 알기 쉽게 전달해드리고 실전에 필요한 내용들도 같이 알려드리는 강의입니다!

          입문

          입문

          TypeScript, JavaScript, ES6

          공식문서로 배우는 실전 타입스크립트강의 썸네일

          공식문서로 배우는 실전 타입스크립트

          어쩔코딩

          WEB2 - JavaScript강의 썸네일

          WEB2 - JavaScript

          Egoing Lee

          https://opentutorials.org(생활코딩 사이트)를 만들어가면서 JavaScript에 대한 지식과 경험을 동시에 채워드리기 위한 목적으로 만들어진 수업입니다.

          초급

          초급

          JavaScript

          WEB2 - JavaScript강의 썸네일

          WEB2 - JavaScript

          Egoing Lee

          JavaScript 알고리즘 베스트 10강의 썸네일

          JavaScript 알고리즘 베스트 10

          The Oreum

          가장 많이 출제되는 유형을 담은 'JavaScript 알고리즘 베스트 10'을 통해 문제의 핵심을 찾아 풀이하는 능력을 키워보세요!

          중급이상

          중급이상

          JavaScript, 코딩 테스트, 알고리즘

          JavaScript 알고리즘 베스트 10강의 썸네일

          JavaScript 알고리즘 베스트 10

          The Oreum

          Amazing JavaScript - 입문강의 썸네일

          Amazing JavaScript - 입문

          장기효(캡틴판교)

          프런트엔드 개발을 위해 필요한 자바스크립트 기초 지식. 실무자로서 꼭 알아야 하는 필수 지식들을 쉽고 빠르게 설명해 줍니다. 2024년 현대 프런트엔드 개발 트렌드를 반영한 기본 강의.

          입문

          입문

          JavaScript, ES6

          Amazing JavaScript - 입문강의 썸네일

          Amazing JavaScript - 입문

          장기효(캡틴판교)

          빠르게 알아보는 Javascript V8엔진강의 썸네일

          빠르게 알아보는 Javascript V8엔진

          하정훈

          JavaScript엔진인 V8에 대해 이해할 수 있습니다! 좀 더 효율적인 코드작성법에 대한 힌트를 얻을 수 있습니다.

          초급

          초급

          JavaScript, Node.js, v8

          빠르게 알아보는 Javascript V8엔진강의 썸네일

          빠르게 알아보는 Javascript V8엔진

          하정훈

          실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발강의 썸네일

          실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

          김정환

          순수 자바스크립트와 VueJS라는 UI Library를 이용하여 쇼핑몰 검색 페이지를 만들어 보며 VueJS 개발 학습을 진행합니다. 순수 자바스크립트와 VueJs 로 개발을 각기 진행하며 각 개발의 차이점과 MVC, MVVM 디자인 패턴의 차이도 배울 수 있습니다.

          초급

          초급

          JavaScript, Vue.js

          실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발강의 썸네일

          실습 UI 개발로 배워보는 순수 javascript 와 VueJS 개발

          김정환

          피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)강의 썸네일

          피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)

          유용한IT학습

          앱은 우리 일상에서 중요한 역할을 합니다. 하지만 네이티브 앱을 개발하고 유지·보수하는 과정은 길고 복잡하며, 많은 비용이 들기도 합니다. 본 강의에서는 2024년 9월 현재 주목받고 있는 대안인 프로그레시브 웹 앱(Progressive Web App, PWA)을 소개합니다. PWA는 웹 기술과 네이티브 앱의 장점을 결합한 방식으로, 더 빠르고 효율적인 앱 개발과 유지 관리를 가능하게 합니다. 실습과 함께 PWA의 개념, 장점, 구현 방법을 단계별로 학습하며, 실무에 바로 적용할 수 있는 역량을 갖추게 됩니다.

          입문

          입문

          HTML/CSS, JavaScript

          피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)강의 썸네일

          피그마 가이드를 이용한 PWA 네이티브 앱 제작 - Figma + HTML + CSS + Progressive Web APP (활용)

          유용한IT학습

          코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)강의 썸네일

          코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

          제주코딩베이스캠프

          제주에서 진행하는 부트캠프를 온라인으로! 빠르게 자신만의 서비스를 만들어보세요! :)

          입문

          입문

          Django, Bootstrap, HTML/CSS

          코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)강의 썸네일

          코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

          제주코딩베이스캠프

          자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)강의 썸네일

          자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

          Kyo

          자바스크립트로 스택, 큐, 연결 리스트, 정렬, DFS/BFS 등 핵심 자료구조와 알고리즘을 직접 구현하며 학습합니다. 자주 출제되는 문제 유형을 함께 풀이하며, 코딩 테스트와 면접에 꼭 필요한 문제 해결 능력까지 키울 수 있습니다.

          초급

          초급

          JavaScript, 알고리즘, data-structure

          자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)강의 썸네일

          자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

          Kyo

          클린업 JavaScript: 베이스 빌드업!강의 썸네일

          클린업 JavaScript: 베이스 빌드업!

          김영보

          생각을 다룹니다. 자바스크립트 핵심과 근본을 논리적으로 정리할 수 있습니다. 자바스크립트 경험, 생각을 스스로 정리할 수 있습니다. 자바스크립트 기술 논리를 정립할 수 있습니다. 자바스크립트 전체를 보는 시야를 넓힐 수 있습니다. 자바스크립트 기술 면접 문제에 대비할 수 있습니다.

          초급

          초급

          JavaScript, 면접, 기술면접

          클린업 JavaScript: 베이스 빌드업!강의 썸네일

          클린업 JavaScript: 베이스 빌드업!

          김영보

          자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)강의 썸네일

          자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

          김태원

          자바스크립트(JavaScript)로 코딩테스트를 준비하시는 분을 위한 강좌입니다. 재미있게 풀 수 있는 기초 단계 문제부터 고급 알고리즘까지 단계별로 차근차근 배우도록 설계된 강좌입니다.

          입문

          입문

          JavaScript, 코딩 테스트

          자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)강의 썸네일

          자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

          김태원

          앱 개발 입문을 위한 React Native 완벽 기초 클래스강의 썸네일

          앱 개발 입문을 위한 React Native 완벽 기초 클래스

          정현우

          앱 개발을 하고 싶은데 어디서부터 시작해야될 지 막막하신 분들을 위해 준비했습니다. 이 강의로 그 고민, 이젠 끝내세요!

          입문

          입문

          JavaScript, React, Node.js

          앱 개발 입문을 위한 React Native 완벽 기초 클래스강의 썸네일

          앱 개발 입문을 위한 React Native 완벽 기초 클래스

          정현우

          게임으로 배우는 JavaScript강의 썸네일

          게임으로 배우는 JavaScript

          노마드크리에이터

          게임프로그램을 직접 만들어보면서 자바스크립트의 기본과 실전능력을 키우는 강의입니다.

          입문

          입문

          JavaScript

          게임으로 배우는 JavaScript강의 썸네일

          게임으로 배우는 JavaScript

          노마드크리에이터

          연관 로드맵

          강의가 포함된 로드맵으로 학습해 보세요!

          프로가 되는 프론트엔드 개발자 커리어 시작하기 - React 로드맵 썸네일

          프로가 되는 프론트엔드 개발자 커리어 시작하기 - React

          인프런

          입문자를 위한 프론트엔드 개발자 커리어 시작하기 - Vue.js 로드맵 썸네일

          입문자를 위한 프론트엔드 개발자 커리어 시작하기 - Vue.js

          인프런