나무모에 미러 (일반/어두운 화면)
최근 수정 시각 : 2025-05-23 05:00:42

elm(프로그래밍 언어)


[[프로그래밍 언어|'''프로그래밍 언어
{{{#!wiki style="font-family: Times New Roman, serif; display: inline;"]]
{{{#!wiki style="min-height: calc(1.5em + 5px); margin: 0 -10px -5px"
{{{#!wiki style="display: inline-table; min-width: 40%; min-height: calc(1.5em + 5px)"
{{{#!folding [ 목록 ]
{{{#!wiki style="margin: -5px -1px"		<colbgcolor=royalblue><colcolor=#fff> ※ 나무위키에 등재된 프로그래밍 언어 목록
AActionScript · AdaS · AgdaSP · ALGOLS · ApexS · APL · awk · AssemblyS
BBASIC
C파일:C언어 로고.svg CS · 파일:C C#S · 파일:C++ 로고.svg C++S · CarbonS · 파일:clojure_logo.png Clojure · COBOLS · CoffeeScript · CrystalS
D파일:external/upload.wikimedia.org/D_programming_language_logo.png DS · 파일:Dart 심볼.svg DartS
EElixir · 파일:Elm_logo.svg.png elmS · Erlang
F파일:fsharp-logo.png F#S · Factor · 파일:fennel-logo.svg Fennel · 파일:forth.png Forth · FortranS
GGNU Octave · 파일:Go 로고.svg GoS · Groovy
H파일:Haskell 로고 심볼.svg HaskellS · HolyCS
I
JJavaS · 파일:JavaScript 로고.svg JavaScript · 파일:julia-dots.svg Julia
K파일:Kotlin 심볼.svg KotlinS · Krait
LLeanSP · 파일:LISP_logo.svg LISP · 파일:Lua 로고.svg Lua
MMATLAB · MaxV · MojoS · Moonlight
N파일:Nim 왕관 로고.svg NimS · 파일:Nix 로고.svg Nix
OOberonS · Objective-CS · 파일:ocaml.svg OCamlS
PPascalS · Perl · 파일:PHP 로고.svg PHP · Processing · Prolog · 파일:Python 심볼.svg Python
QQ#S
R파일:R 로고.svg R · 파일:racket-logo.svg Racket · Raku · ReasonMLS · RocqSP · 파일:Ruby 로고.svg Ruby · 파일:Rust 로고.svg파일:Rust 로고 화이트.svg RustS
SSAS · 파일:Scala 로고.png ScalaS · Scheme · 파일:스크래치(교육 플랫폼) 로고.svg ScratchV · sed · Shell Script · Smalltalk · 파일:Swift 심볼 배경.svg SwiftS
T파일:Typescript_logo_2020.svg TypeScriptS
UUdon
VVisual Basic · Visual Basic .NET · Visual Basic for Applications · vvvvV
WWave
XXSharp
Y
ZZenScript · 파일:Zig 로고마크.svg ZigS
한글누리 · 숨V · 씨앗 · 약속 · 파일:엔트리 아이콘.svg 엔트리V · 창조
S: 정적 타입 프로그래밍 언어 · P: 증명 보조 언어 · V: 시각적 프로그래밍 언어 }}}}}}}}}{{{#!wiki style="display: inline-table; min-width: 40%; min-height: calc(1.5em + 5px)"
{{{#!folding [ 순위 ]
{{{#!wiki style="margin: -5px -1px -10px"		 {{{#!wiki style="min-height: calc(1.5em + 5px); margin: 0 -10px -5px"
{{{#!wiki style="display: inline-table; min-width: 25%; min-height: calc(1.5em + 5px)"
{{{#!folding [ IEEE Spectrum 2024 ]
{{{#!wiki style="margin: -5px -1px"		<tablewidth=100%><tablebgcolor=transparent><colbgcolor=#11a500><colcolor=#fff> 스펙트럼 부문 상위 10개 프로그래밍 언어 <colbgcolor=#ff1100><colcolor=#fff> 직업 부문 상위 10개 프로그래밍 언어
1 Python 1 SQL
2 Java 2 Python
3 JavaScript 3 Java
4 C++ 4 TypeScript
5 TypeScript 5 SAS
6 SQL 6 JavaScript
7 C# 7 C#
8 Go 8 HTML
9 C 9 Shell
10 HTML 10 C++ }}}}}}}}}{{{#!wiki style="display: inline-table; min-width: 25%; min-height: calc(1.5em + 5px)"
{{{#!folding [ Stack Overflow 2024 ]
{{{#!wiki style="margin: -5px -1px"		<colbgcolor=#ffa500><colcolor=#fff> 2024년 Stackoverflow 설문조사 상위 25개 프로그래밍 언어
1 JavaScript <colbgcolor=#ffa500><colcolor=#fff> 14 Rust
2 HTML & CSS 15 Kotlin
3 Python 16 Lua
4 SQL 17 Dart
5 TypeScript 18 어셈블리어
6 Bash 19 Ruby
7 Java 20 Swift
8 C# 21 R
9 C++ 22 Visual Basic
10 C 23 MATLAB
11 PHP 24 VBA
12 PowerShell 25 Groovy
13 Go }}}}}}}}}{{{#!wiki style="display: inline-table; min-width: 25%; min-height: calc(1.5em + 5px)"
{{{#!folding [ TIOBE 2025 ]
{{{#!wiki style="margin: -5px -1px"		<colbgcolor=#2777c2><colcolor=#fff> 2025년 4월 TIOBE 검색어 점유율 상위 20개 프로그래밍 언어
1 Python <colbgcolor=#2777c2><colcolor=#fff> 11 Fortran
2 C++ 12 Scratch
3 C 13 PHP
4 Java 14 R
5 C# 15 Ada
6 JavaScript 16 MATLAB
7 Go 17 Assembly language
8 Visual Basic 18 Rust
9 Delphi / Object Pascal 19 Perl
10 SQL 20 COBOL }}}}}}}}}{{{#!wiki style="display: inline-table; min-width: 25%; min-height: calc(1.5em + 5px)"
{{{#!folding [ PYPL 2025 ]
{{{#!wiki style="margin: -5px -1px -10px"		<colbgcolor=green><colcolor=#fff> 2025년 5월 PYPL 검색어 점유율 상위 20개 프로그래밍 언어
1 Python <colbgcolor=green><colcolor=#fff> 11 Swift
2 Java 12 Go
3 JavaScript 13 Kotlin
4 C/C++ 14 MATLAB
5 C# 15 Ada
6 R 16 Ruby
7 PHP 17 Dart
8 Rust 18 Lua
9 TypeScript 19 VBA
10 Objective-C 20 PowerShell }}}}}}}}}}}} }}}}}}}}}}}}
실행 방식 · 분류 · 언어 목록(분류:프로그래밍 언어 문법) · 언어별 예제 · 틀:프로그래밍 언어 문법 · 틀:난해한 프로그래밍 언어

[[JavaScript|
파일:JavaScript 로고.svg
JavaScript
관련 문서
]]
{{{#!wiki style="margin: 0 -10px -5px; min-height: calc(1.5em + 5px)"
{{{#!folding [ 펼치기 · 접기 ]
{{{#!wiki style="margin: -5px -1px -11px"		<colbgcolor=#f7df1e,#f7df1e><colcolor=#000,#000> 관련 문서 표준(TC39 · 브라우저 전쟁) · Vanilla JS · AJAX · JSFuck · 상태관리 라이브러리 · JSON
문법 표준 내장 객체, this · undefined
구현체 <bgcolor=#f7df1e,#f7df1e> 엔진 V8 · SpiderMonkey · JavaScriptCore · 헤르메스 · Boa
<bgcolor=#f7df1e,#f7df1e> 런타임 Node.js · Deno · Bun · workerd
패키지 관리자 npm · Bun
파생 언어 TypeScript · CoffeeScript · 액션스크립트 · AssemblyScript · elm · ReasonML · ReScript
관련 인물 브랜든 아이크
기타 JavaScript npm 마비 사태 }}}}}}}}}
<colcolor=#5B6379,#60B5CD> Elm
파일:Elm_logo.svg.png
개발자 Evan Czaplicki
출시 연도 2012년
타입 시스템 Static(정적타입)
Strong(강타입)
Inferred(추론형)
파일:홈페이지 아이콘.svg | 파일:GitHub 아이콘.svg파일:GitHub 아이콘 화이트.svg
1. 개요2. 예제3. 외부 링크4. 관련 문서

1. 개요

Elm은 프론트엔드 개발에 특화된 함수형 언어이다. Elm 컴파일러는 Elm 코드를 JavaScript로 변환시켜, Web상에서 실행될 수 있게 한다. 이 점은 TypeScript나 Dart 언어와 비슷하다. Elm은 Haskell의 영향을 강하게 받은 언어로, 컴파일러 또한 Haskell로 쓰여져있다. Elm은 뛰어난 컴파일러와 강력한 타입 시스템에 의하여 원칙적으로 런타임 에러를 일으키지 않는다. 이러한 특성이 Elm의 높은 생산성을 만든다. Elm의 함수는 모두 순수 함수로 이루어져 있는데, Elm 컴파일러는 그 사실을 바탕으로 Dead Code Elimination(죽은 코드 제거)을 수행하여 Vue.js, Angular, React에서 빌드했을 때 보다 훨씬 작은 크기의 에셋을 얻을 수 있다.[1]

Elm 공식 홈페이지에서 코드를 실행시켜 볼 수 있다.

React의 상태 관리에 쓰이는 라이브러리 Redux가 바로 이 Elm의 아키텍처에 영감을 받아서 만들어졌다.[2]

2. 예제

카운터 예제 온라인에서 실행
#!syntax typescript
-- 카운터 예제
module Main exposing (..)

import Browser
import Html exposing (Html, button, div, text)
import Html.Events exposing (onClick)

-- MAIN
main =
  Browser.sandbox { init = init, update = update, view = view }

-- MODEL
type alias Model = Int

init : Model
init =
  0

-- UPDATE
type Msg
  = Increment
  | Decrement

update : Msg -> Model -> Model
update msg model =
  case msg of
    Increment ->
      model + 1

    Decrement ->
      model - 1

-- VIEW
view : Model -> Html Msg
view model =
  div []
    [ button [ onClick Decrement ] [ text "-" ]
    , div [] [ text (String.fromInt model) ]
    , button [ onClick Increment ] [ text "+" ]
    ]

3. 외부 링크

4. 관련 문서

[1] https://elm-lang.org/news/small-assets-without-the-headache[2] https://redux.js.org/understanding/history-and-design/prior-art

분류