난이도: 직장인, 비개발 직군, 스타터

에피가 떠먹여주는 코딩 입문 <HTML, CSS, JavaScript>

2024년에 회사 다니며 코딩 공부하기로 마음먹었다면? 누르세요

에피가 떠먹여주는 코딩 입문 <HTML, CSS, JavaScript>

60,000원

124명의 수강생

7개의 후기

수강 기한 12개월


✔️ 14개의 강의

✔️ 4개의 과제

✔️ 따라 치기가 아닌 프로젝트 위주 진행

✔️ VSCode 사용

✔️ macOS/Windows

강의 소개

이 강의를 제작하게 된 계기

많은 분들이 개발자 초봉 6,000만원이라는 광고에 혹해 개발자 전직을 꿈꾸곤 합니다. 퇴근하고 피곤해 죽겠는데 하루에 두 시간씩 짬내서 Java부터 공부하기 시작하죠.

근데 JDK 설치랑 PATH 설정은 왜 이리 어려운지. IntelliJ는 또 왜이리 느려 터졌는지 욕하면서 어떻게든 Java 공부를 시작합니다.

망하는 공부 패턴

"Java 공부 순서’ 라고 검색하면 나오는 객체 지향 프로그래밍, 자료구조 그리고 알고리즘까지 억지로 배우다보면 ‘그래서 이거 배워서 어디에 써먹어?" 라는 물음이 들기 시작하죠. 허구헌 날 System.out.println() 으로 구구단이나 만들고 있으니까요. 객체 지향과 이깟 글자 출력으로 홈페이지 하나 만들수 있을지 의심이 가기 시작합니다.

당연한 말이지만 위에서 언급한 공부 순서로는 코딩 공부를 지속적으로 이어나가기 어렵습니다. 왜냐면 눈에 보이는 결과물은 없는데 객체 지향이니 알고리즘이니 배우고 있으니 성취감도 떨어지고 재미도 없으니까요. 코드를 쳤으면 결과물에 변화가 생기면서 피드백이 와야 학습에 흥미가 붙기 시작하는데 문법 공부만 달달 하다보니 많은 분들이 세 달 정도 끄적 거리다 포기하게 됩니다.

가능성 있는 공부 패턴

그럼 위처럼 망하는 코딩 공부가 아닌 성공적인 코딩 공부는 어떤 방식일까요?

👉 첫째로 원하는 기능을 빠르게 구현하고 결과물을 만드는데 유리한 언어를 선택해야합니다. 예를 들어 웹 페이지에서 버튼을 클릭하면 할 일이 추가되는 간단한 투두리스트를 만든다거나, 메모를 추가 할 수 있는 달력을 만들때 유리한 언어겠지요. 이때는 Java가 아닌 JavaScript와 HTML 그리고 CSS를 배워야합니다.

👉 둘째로 언어롤 선택했다해서 그 언어의 모든 문법과 기능을 하나부터 열까지 배워선 안됩니다. 학습의 목적이 결과물 혹은 프로젝트의 완성이 되어야 하지 언어 그 자체를 배우는게 되어선 안된다는 겁니다. 실제로 현업에서 프로그래밍 언어의 모든 문법과 기능을 알고 개발하지 않습니다. 프로젝트를 진행하면서 특정 기능을 구현하기 위한 함수와 문법을 그때 리서치해서 사용하거든요. 따라서 코딩 공부를 처음 할 때는 절대로 문법 책을 달달 외우거나 정독하지 마세요. 일단 만들고 싶은게 뭔지 고민해보고 그걸 만들기 위해 도구(프로그래밍 언어)를 배우는 식으로 학습해보세요.

👉 셋째로 짧은 피드백 루프를 만드는겁니다. 이게 무슨 말이냐면 코드로 무언가 만들때 작은 단위로 쪼개서 만드세요. 그리고 결과물이 기대했던 것과 다름을 확인하고, 내가 어떤 부분을 몰라서 틀렸는지 인지하세요. 이 과정을 최대한 짧게 많이 반복해야 내 지식의 빈틈이 채워집니다. 심지어 실용적인 지식으로요. 왜냐면 프로젝트 지향적으로 학습을 진행하고 있기 때문에 만들다가 필요한 부분을 모른다는거고 이는 필요 없는 지식이 아닌 당장 필요한 지식이니까요.

최대한 많이 틀리고, 과감하게 코드를 수정하고 결과를 확인하세요. 많이 틀릴수록 여러분의 코딩 실력은 성장합니다.


desc1
desc2

강의 소개 💊

큰 맘 먹고 입문 강의 결제했다가 뭔 말 하는지 몰라서 실망 한 적 많으시죠?

이 강의는 아래 있는 초심자에게 불리한 학습법들은 모두 제외 시킨 강의입니다

  • 처음부터 객체지향이니 클래스니 자료구조니 설명하기
  • 언어의 모든 기능을 하나부터 열까지 다 설명하기 (사용하지 않는 기능까지)
  • 코드 수십 수백 줄 작성하고 결과물에 대해 한 번에 설명하기
  • 코딩을 수단이 아닌 목적으로 알려주기
  • …등 학습자의 흥미 유발에 방해되는 안 좋은 수업 방식들
  • 추천 수강 대상

  • 개발자로 전직하고 싶은 비 개발 직군(디자이너, PM, 마케터 등)
  • 비전공자 개발자 취준생
  • 갑자기 코딩 공부하고 싶어진 사람
  • 이 강의가 알려 주는 것

  • 프론트엔드 엔지니어가 만드는 것이 뭔지
  • HTML, CSS, JavaScript의 역할과 어떤 용도로 사용하는 건지
  • 효율적인 코딩 학습 환경 구성법
  • 이벤트 핸들링
  • 코드를 점진적으로 개선하는 방법
  • 이 강의가 알려주지 않는 것

  • HTML 태그별 특징, 용도
  • (쓸데없이) CSS의 모든 속성들 다루기
  • (쓸데없이) JavaScript의 모든 문법 다루기
  • (쓸데없이) HTML의 모든 요소 다루기
  • ❓ 자주 묻는 질문

    Q. 비전공자도 들을 수 있나요?

    A. 네 가능합니다. 코딩을 처음 배우는데 전공 지식은 필요 없습니다.

    Q. 강의 시간이 짧은 것 같아요

    A. 컷 편집해서 그렇습니다.

    찐 수강생 후기들 ✋

    영상 잘봤습니다. 다른 강의들에서 문법만 죽어라 알려주고 이 문법들을 왜 배우는지 어디에 써먹는지 하나도 모른채로 3개월 허비하고 돌고 돌아 에피님 강의로 다시 시작했네요...! 다음 강의도 기대하겠습니다

    간단한 JS 빠르게 배우고 싶으신 분들, 간단히 내가 뭘 아는지 확인해보고싶으신분들이 가볍게 듣기 좋아보입니다. 전체적으로 난이도는 매우 쉬운 편이고, 설명도 잘 해주셔서 초보자분들도 접근하기쉬워보입니다.

    핵심적인 내용을 쉽게 가르쳐 줍니다. 강좌의 양이 너무 많거나 공부하다 지루해지는 부분없어 핵심적인 내용을 쉽고 빠르게 알려 주고 있습니다. 물론 이 강좌로 모든것을 배우는 것은 아니지만 빠르게 "아~ 이러한 내용이구나" 하는 기본 틀을 만드는데 좋은것 같습니다. 설명도 쉽게 해주셔서 나이많은 저같은 사람에게도 좋습니다.

    컴공과 다니면서 막연하게 자바나 C언어만 끄적이다가 웹도 제대로 공부해보자해서 들었습니다. 필수적인 내용들을 쉽게 설명하셔서 좋았습니다.

    지루하게 이론 강의만 설명하는 방식이 아닌, 직접 바로 작은 프로젝트를 만들어보면서 익힌다는 것이 좋았습니다. 다만, 이론적인(문법) 부분의 설명이 조금 더 상세했으면 하는 바람이 있었습니다.

    어떻게 독학하나 고민 많이했는데 덕분에 쉽고 빠르게 배우게되었습니다 감사합니다

    잘 배워갑니다. 정말 기초분들에게 좋은것 같아요 그리고 다 좋은데 가격대비 강의 수가 넘 적은것 같습니다

    강의 목록 💻

    제목 종류 분량
    1. 강의 소개 & 환경 구축 (맛보기 🌱) 동영상 3:14
    2. HTML로 간단한 투두 리스트 만들기 (맛보기 🌱) 동영상 2:15
    3. 글자색 바꾸기, 취소선 긋기, HTML class 개념 동영상 3:43
    4. 클릭 이벤트 핸들링하기, addEventListener 함수, HTML id 개념, 조건문, 과제1 동영상 6:37
    5. 과제1 검사, 조건문 복습 동영상 2:55
    6. 프로젝트 폴더 구조 정리하기, HTML에서 CSS, JavaScript 분리 동영상 2:09
    7. 새로운 할 일 입력 받기, input, button 태그 동영상 4:04
    8. 새로운 할 일을 동적으로 추가하기, appendChild 함수, 과제 2 동영상 3:56
    9. 과제 2 검사, 동적으로 addEventListener 사용하기 동영상 3:20
    10. CSS로 화면 꾸미기, text-align, border, transition, hover, 과제 3 동영상 5:51
    11. 과제 3 검사, 변수명 짓는법, 작성한 코드 복습 (중요) 동영상 5:28
    12. 초기화 기능 구현, 배열, push, removeChild, forEach 동영상 3:38
    13. 배열과 반복문, push, forEach, 과제 4 동영상 4:56
    14. 과제 4 검사, pop, shift, 배열 메소드들 동영상 2:39
    • 상호명: 에피테크
    • 사업자등록번호: 355-24-01642
    • 통신판매업신고번호: 2023-서울광진-2136
    • 대표자명: 손태희
    • 사업장 주소: 서울특별시 광진구 능동로44길 27-5(중곡동)
    • 연락처: 디스코드
    © 2024 에피코딩 All Rights Reserved.