채널톡 아이콘

순수 함수형 프론트엔드 언어 Elm 가이드

순수 함수형 프로그래밍으로 프론트엔드 웹앱을 만드는 Elm 프로그래밍 언어 가이드 문서를 3시간만에 다 공부합니다.

(5.0) 수강평 5개

수강생 381명

난이도 초급

수강기한 무제한

함수형
함수형
함수형프로그래밍
함수형프로그래밍
프론트엔드
프론트엔드
공식문서
공식문서
함수형
함수형
함수형프로그래밍
함수형프로그래밍
프론트엔드
프론트엔드
공식문서
공식문서
Thumbnail
날개 달린 동전

강의 추천하고 성장과 수익을 만들어 보세요!

날개 달린 동전

마케팅 파트너스

강의 추천하고 성장과 수익을 만들어 보세요!

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

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

5.0

5.0

쿠카이든

13% 수강 후 작성

elm에 대해 알아갑니다! 좋은강의 감사드립니다~!

5.0

똘똘이스머프

100% 수강 후 작성

귀한 강의 감사합니다. 항상 건강 조심하세요.

5.0

조현석

100% 수강 후 작성

현대 프론트엔드 프레임워크의 모태인 엘름 아키텍처를 맛 보기에 좋은 강의입니다.

수강 후 이런걸 얻을 수 있어요

  • Elm

  • 순수 함수형 프로그래밍

  • 프론트엔드

3시간 만에 후루룩!
Elm과 함께 함수형 프로그래밍까지 공부해요 😎

프론트엔드 특화 언어, Elm ✔️

Elm(엘름)은 순수 함수형 프로그래밍으로 웹앱을 만들 수 있는 프론트엔드 특화 언어입니다. 웹 브라우저 기반의 GUI(Graphical user interface)를 선언적으로 작성하기 위한 도메인 특화 언어로, 사용성과 견고성 등을 특히 중시합니다.

FE 프레임워크가 복잡하다면
Elm 한 번 사용해 보세요 📌

Elm은 프로그래밍 언어이자 프론트엔드 웹앱 전용 프레임워크입니다. 언어와 프레임워크를 각각 공부할 필요 없이, 단번에 웹앱을 만들 수 있게 됩니다.

리액트나 뷰 등의 주류 프론트엔드 프레임워크가 너무 복잡하다고 느끼셨다면, Elm이 그 대안이 될 수도 있겠습니다. 백엔드 개발자의 경우, 새로이 현대에 유행하는 프런트엔드 쪽 프레임워크를 배우기는 벅찹니다. 모든 것이 다 갖춰진 Elm 하나만 공부해서 빠르게 내게 필요한 웹앱을 만들어 봅시다.

이 강의는 Elm 표준 문서를 함께 읽고 따라 하는 방식으로 학습합니다. 웹앱을 만드는 훌륭한 아키텍처인 The Elm Architecture(TEA)를 공부합니다. 공식 문서만큼 좋은 게 없지만, 혼자 영문 문서를 다 읽는 것은 쉽지 않죠. 기초 문법부터 타입, 웹앱 제작, 최적화까지 친절한 한국어 설명과 함께라면 문제 없이 끝까지 따라가실 수 있으리라 기대합니다.

Elm 공식 문서

이 강의의 지식공유자는요 ✒️

함수형 프로그래밍에 관심 있는 백엔드 개발자로서, 간혹 업무 내외적으로 웹앱을 만들어야 할 때 Elm을 요긴하게 활용한 경험이 있어서, 이 무료 강의를 공개하게 되었습니다.

  • 라인플러스에서 광고 수익 배분 시스템의 백엔드 배포 관리 앱을 Elm으로 개발해서 운영
  • 제주 개발자 모임 운영 페이지를 Elm으로 개발해서 운영

이런 분들께 추천해요 🙆‍♀️

함수형 프로그래밍에 관심 있는 프런트엔드 개발자

내부 관리 툴 등 웹앱을 만들어야 하는 백엔드 개발자

간단한 프런트엔드 웹앱 프레임워크를 찾고 있는 분

🤗 이 강의와 함께해요

  • 순수 함수로 웹앱의 다양한 이펙트를 깔끔하게 다루는 법을 배우게 됩니다.
  • 백엔드 개발자조차도 쉽게 웹앱을 만들 수 있게 됩니다.
  • Elm은 함수형 프로그래밍으로만 개발할 수 있습니다. Elm으로 개발하다 보면 함수형 프로그래밍도 자연스럽게 익히게 됩니다.
  • 왜 그렇게 복잡한 프레임워크를 공부하느라 힘들었나, 이렇게 쉬운 대안이 있었는데 감탄하게 됩니다.

예상 질문 Q&A 💬

Q. Elm이 뭐가 좋나요?

Elm은 프로그래밍 언어이자, 프론트엔드 웹앱 전용 프레임워크입니다. 언어 따로 프레임워크 따로 공부할 필요 없이, 단번에 웹앱을 만들 수 있게 됩니다.

Q. 강의를 듣기 전 준비해야 할 것이 있나요?

HTML/CSS 경험은 있어야 좋고, 자바스크립트가 어떻게 동작하는지 사전 경험이 있으면 수월하게 학습하실 수 있습니다. 리액트나 뷰 등의 프레임워크 경험은 있으면 도움이 되지만, 없어도 수강에 전혀 문제없습니다.


수강 전 참고 사항 📢

실습 환경

  • 운영 체제 및 버전(OS): Windows, macOS, Linux, Ubuntu 등 무관, 웹브라우저 환경.
  • 사용 도구: 웹 브라우저만 있으면 됩니다.

학습 자료

선수 지식 및 유의사항

  • HTML/CSS 기초지식이 필요합니다.
  • 자바스크립트 동작 환경은 알고 있어야 하지만, 수준높은 경험이 필요하지는 않습니다.

강의 썸네일 배경사진 이미지 출처: UnsplashDylan Freedom

이런 분들께
추천드려요

학습 대상은
누구일까요?

  • 프론트엔드 개발에 특화된 언어와 프레임워크를 원하는 사람

  • 함수형 프로그래밍을 실용적으로 쓰고 싶은 사람

선수 지식,
필요할까요?

  • HTML, CSS

  • 함수형 프로그래밍에 대한 관심

안녕하세요
김대현입니다.

1,910

수강생

152

수강평

27

답변

4.7

강의 평점

6

강의

함수형 프로그래밍에 관심이 많은 백엔드 개발자입니다. 카카오(Daum) 개발팀장, NHN 수석, LINE+ 리드를 지내며 개발팀 리딩을 했고, 현재는 디노티시아라는 AI스타트업에서 개발팀장으로 일하고 있습니다.

https://hatemogi.com/ 에 개발자 개인 홈을 운영중입니다.

커리큘럼

전체

8개 ∙ (2시간 55분)

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

수강평

전체

5개

5.0

5개의 수강평

  • 쿠카이든님의 프로필 이미지
    쿠카이든

    수강평 490

    평균 평점 5.0

    5

    13% 수강 후 작성

    elm에 대해 알아갑니다! 좋은강의 감사드립니다~!

    • 김대현
      지식공유자

      말씀 고맙습니다!

  • 똘똘이스머프님의 프로필 이미지
    똘똘이스머프

    수강평 868

    평균 평점 5.0

    5

    100% 수강 후 작성

    귀한 강의 감사합니다. 항상 건강 조심하세요.

    • 김대현
      지식공유자

      수강 및 말씀 감사합니다.

  • 조현석님의 프로필 이미지
    조현석

    수강평 6

    평균 평점 5.0

    5

    100% 수강 후 작성

    현대 프론트엔드 프레임워크의 모태인 엘름 아키텍처를 맛 보기에 좋은 강의입니다.

    • 김대현
      지식공유자

      호평 감사합니다.

  • 한종엽님의 프로필 이미지
    한종엽

    수강평 11

    평균 평점 5.0

    5

    63% 수강 후 작성

    좋은 설명 및 강의 감사합니다.

    • 전홍식님의 프로필 이미지
      전홍식

      수강평 6

      평균 평점 5.0

      5

      100% 수강 후 작성

      김대현님의 다른 강의

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

      비슷한 강의

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

      무료