TypeScript

Online.
TypeScript를 활용한
함수형 프로그래밍 온보딩


💌5일한정 이벤트 남은 시간💌 (1/21 23:59 마감)
0 0시간 0 0 2022-01-21T23:59
(자동) (자동) (자동)
정가 (자동)
현재 판매가 (자동)
12개월 무이자 할부 시 (자동)

Why 함수형 프로그래밍?

명령형 프로그래밍 잘 하고있는데 왜 굳이 함수형 프로그래밍을 배워야하나요?

  • 코드가 간결합니다.
    사람의 논리구조와 비슷한 방식으로 코드를 작성하여
    훨씬 더 명확하고 간결한 코드를 작성할 수 있고
    이는 개발 시간을 단축시킵니다.

  • 동시성이 높습니다.
    부수효과(부작용)를 허용하지 않는 순수함수를 지향하여
    여러 스레드에서 동작해야하는 프로그램을
    쉽게 작성할 수 있습니다.

  • 안정성이 높습니다.
    코드로 표현한 논리를 컴파일러가 검증해주기 때문에
    런타임 에러가 거의 발생하지 않습니다.

  • 생산성이 높습니다.
    장애를 대응하고 디버깅을 하는데 시간을 쏟을 필요가 없습니다.
    또한, 동시성을 잘 지원하기때문에 방대한 데이터 관리가 용이하여
    생산성이 높습니다.

온라인 강의 최.초.

TypeScript로 배우는 함수형 프로그래밍

왜 TypeScript로 배워야하나요?

JavaScript는 이미 그 자체로 좋은 함수형 프로그래밍 언어입니다.
React를 비롯하여 비슷한 형태의 다양한 UI 라이브러리/프레임워크들은 함수형 프로그래밍을 기반으로
구현되어 있어 JavaScript개발자라면 의식하지 않아도 이미 함수형 프로그래밍을 어느정도는 다루고 있다고 볼 수 있습니다.

본 강의에서 TypeScript를 다루는 이유는 타입을 기반으로
함수를 이해하는 것이 함수형 프로그래밍을 더 잘 이해하는 방법
이기 때문입니다.
또한, 라이브러리/프레임워크의 도움 없이 순수하게 함수형 프로그래밍의 개념과 장점을 이해할 수 있습니다!

함수형 프로그래밍 패러다임을 가진 개발자는 많은 회사에서 우대하고있으며,
이미 여러 회사들에서 팀 단위에 함수형 프로그래밍 패러다임을 도입하였습니다.

저도 함수형 프로그래밍을 처음 접하고 공부하기 시작했을때는,
컴퓨터에게 일을 시키기 위해서 절차적으로 사고하는것에서 벗어나서
사람의 논리구조와 비슷한 방식으로 코드를 작성하는것
이 특히 익숙치않고 어려웠습니다.

함수형 프로그래밍에 익숙해지고나면 이렇게 선언적으로 프로그래밍을 작성하는것이
훨씬 더 명확하고 논리적인 코드를 작성할 수 있게 해주고 그렇게 작성된 코드는 매우 간결해집니다.

특히 그린랩스에서는 순수 함수형 언어인 ReScript를 쓰고 있어서 코드로 표현한 논리를
컴파일러가 검증을 해주기 때문에 런타임에 에러가 거의 발생하지 않습니다.
장애를 대응하고 디버깅을 하는데 시간을 쏟을일이 없어 생산성이 매우 높습니다.
예측이 가능한 코드는 테스트코드 작성이 쉽고 디버깅이 편해지며, 팀 전체의 이해도를 높입니다.

이런 장점들이 모여 생산성이 극대화 되고 제가 현재 일하고있는 그린랩스에서도
전 개발자들에 함수형 프로그래밍을 교육하고 있습니다.

-
김춘구 강사님
경력
현) 그린랩스_프론트엔드 테크 리드
전) 딜리버리히어로 코리아_시니어 소프트웨어 엔지니어
전) 라인프렌즈_게임 서버 개발자

함수형 프로그래밍 강의를
이런 분께 추천합니다!

promise, array, rxjs를 쓰면서 ‘이렇게 하는게 맞나?’
의문이 들었던 분

map, filter, reduce와 같은 함수를 종종 사용하지만
오히려 이것으로 인해 코드가 읽기 어려워지는 경험을 하신 분

함수형 프로그래밍에 관심은 있었지만 어떻게 시작해야 할지
모르셨던 분

시작했다가 실용적인 면을 발견하지 못해서 포기하셨던 분

데이터 타입 별 기본 메소드를 알고,
형변환 및 연산자와 표현식을 아시는 정도면 충분히 학습 가능한 수준입니다.

  • 구글링, 도서, 유튜브 여러 곳에 흩어져 있는 정보,
    하나하나 파편적으로 공부하다 보면 큰 그림을 그릴 수 없어요!

  • 함수형 프로그래밍의 핵심 문법부터 함수의 타입에 따른 에러 처리,
    명령형 프로그래밍과 비교하면서 진행하는 실습까지 준비했으니
    패스트캠퍼스 완성형 강의로 공부해보세요!

강의 하나로 개념부터 실무 적용법까지 함수형 프로그래밍 집중 공략하세요!

요즘 가장 hot한 언어인 TypeScript로 함수형 프로그래밍을 배워 핵인싸 개발자가 되어보세요:)

  • -
    모든 예제에서
    명령형 프로그래밍과
    함수형 프로그래밍을
    비교해가며 실습 진행

  • -
    비.교.불.가.
    명령형 프로그래밍의 각기 다른 부수효과(루프, 에러, 비동기 등)를 함수형 프로그래밍을 통해 추상화하는
    핵심 커리큘럼

  • -
    국내 최초 10시간 분량의
    함수형 프로그래밍
    단독 온라인 강의

Point 01

명령형 프로그래밍 vs 함수형 프로그래밍
실무 적용 가능한 비교실습

전체 실습은 쇼핑몰을 기반으로 진행되며 기존 명령형 프로그래밍을 함수형 프로그래밍 관점에서
이해하고 사용하는 방식으로 구성되어 있습니다.

💻 모든 실습 예제는 난이도 별로 구성되어 있습니다 💻

실습 1. 상품 목록 화면에 보여주기
쇼핑몰 장바구니를 만들어
상품 목록을 화면에 보여주는 실습을 진행해봅니다
실습 2. 할인 가격 강조하기
할인 가격을 표시하는 예제를 통해
함수형 프로그래밍에서 null을 처리 하는 방법을 알아봅니다.
실습 3. 잘못된 할인가격 처리하기
잘못된 할인율을 다루는 과정을 통해 예외처리를
함수형 프로그래밍에서 어떻게 처리하는지 알아봅니다.
실습 4. 원격 데이터 불러오기
원격에 있는 장바구니 목록을 fetching해 오는
예제를 통해 비동기를 다루는 방법을 알아봅니다.
실습 5. 선택한 상품의 전체 가격 보여주기
사용자가 선택한 목록의 가격 합산을
반응형으로 구현해봅니다.

▼▼▼
전체 실습은 문제 상황을 제시하고 HTML을 프론트 화면에서 보여준 후
명령형 프로그래밍과 함수형 프로그래밍 해결방식의 차이를 보여주는 형태로 진행됩니다.

  • 명령형 프로그래밍에서
    for문으로 해결할 때

    • for문 안에서 무슨 변수가 생길지 자유도가 너무 높음
    • for문 안에서 구문이 몇 번 실행될 지 비결정적
    • 복잡한 일을 할수록 더욱 헷갈림

  • 함수형 프로그래밍에서
    map을 활용하여 간결하게 해결

    • map을 사용하여 코드를 간결하게 만들 수 있음
    • HTML을 만드는 중간 변수 필요 없음

자세한 커리큘럼을 아래에서 확인해 보세요!

Point 02

타사 커리큘럼 비.교.불.가.
유일하게 ‘부수효과의 추상화’를 다루는 커리큘럼

명령형 프로그래밍에서는 맥락이(예외처리, null, 비정상값 리턴 등) 숨어있어 함수 합성을 방해하는 요소가 됩니다.
에러 발생 상황에서는 함수를 호출하는 쪽에서 맥락에 따른 적절한 처리를 고려한 코드 작성이 필수입니다.
그러한 맥락을 반드시 알아야하고 그에 대해서 적절한 처리를 고려해서 코드를 작성해야 합니다.

  • ⁕ 명령형 프로그래밍에서의 부수효과가 포함된 함수(프로시져)의 단점 ⁕

    계산의 실행과 effect가 한 데 섞여있어 effect가 부수효과(side-effect)로 나타나고,
    실행시마다 출력값이 달라지거나 없을 수 있어 합성이 어렵고 재사용성이 다소 떨어집니다.

  • ⁕ 함수형 프로그래밍이 부수효과를 추상화 하는 방법 ⁕

    ▼ 계산 담당 함수 ▼
    ▼ 함수를 인자로 받아 함수를 리턴하는 함수(고차함수) ▼
    함수형 프로그래밍은 계산과 효과를 분리해서 따로 처리합니다.
    계산을 담당하는 함수는 항상 같은 입력에 대해서 같은 출력을 반환하는 순수함수입니다.
    효과를 처리하는 함수는 인자로 전달받은 함수에 부수효과를 부착하여 다시 함수로 돌려주기 때문에
    같은 입력에 대해 같은 결과를 돌려주는 순수한 함수가 됩니다.


    효과 처리 함수에 계산 담당 함수를 적용한 예시입니다.
    효과가 없는 함수를 효과로 처리하는 함수로 탈바꿈 할 수 있습니다.

함수형 프로그래밍에서는 부수효과를 분리해서 처리하고
실제로 계산이 필요한 함수와 직교해서 사용하기 때문에 재사용성이 높아지고,
맥락에 의존하지 않고 함수 합성이 가능합니다.

💌5일한정 이벤트 남은 시간💌 (1/21 23:59 마감)
0 0시간 0 0 2022-01-21T23:59
(자동) (자동) (자동)
정가 (자동)
현재 판매가 (자동)
12개월 무이자 할부 시 (자동)

Point 03

오직 패스트캠퍼스에서만 만나볼 수 있는
TypeScript로 배우는 함수형 프로그래밍 강의
10시간 분량으로 한 번에 끝내자!

🤔함수형 프로그래밍 배우기 위해서 언제까지 검색만 하실건가요?
핵심 문법, 에러 처리, 명령형 프로그래밍과 비교 실습에 집중된 커리큘럼으로 헤매지말고 강의 하나로 익혀보세요!

📢 파트별 강의 시간은 변동될 수 있으나, 총 강의 시간은 10시간 입니다.

도움 주신 분 :
삶을 풍요롭게하는 코치 [탐정토끼 _ Taehee Kim]


▪학습 연구와 관련 문헌을 수집하며 테스트 강의를 통해 커리큘럼과 강의 자료를 발전시켰습니다.
▪강의에 필요한 참고 자료를 수집∙정리하였고, 설명 방식을 개선하기 위해 학습 과학 연구를 참고하였습니다.
▪다수의 테스트 강의를 통해 커리큘럼을 논의하고 발전시켰습니다.
▪PPT를 비롯한 강의, 학습 자료를 제작했습니다.
-
“ 실무에서 자주 사용하던 배열, 비동기등을 함수형 프로그래밍 관점에서 재정립하고 서로 연관성이 없어 보이던 맥락들에서 공통적인 인터페이스를 발견하고 이것들을 구현하고 합성하는 방법을 설명합니다. 이런 과정을 통해 이론적인 부분에서 그치는 것이 아니라 실무에 적용할 수 있는 발판도 같이 마련해드리고자 합니다. ”

✨ 어려운 개념의 함수형 프로그래밍을 더 쉽게 실무에 적용해볼 수 있도록 패스트캠퍼스에서 준비했어요 :)✨

📢 모든 코드는 리파지토리 clone하여 사용 가능한 형태로 git으로 제공됩니다.

추천대상.
• JavaScript, TypeScript를 사용하는 프론트엔드개발자
• React나 Vue.js를 더 잘 이해하고싶은 개발자
• Node.js로 백엔드 개발을 하는 분들 중 조금 더 안전한 코드를 작성하고 싶은 분
• 위에 해당되지 않지만 함수형 프로그래밍 자체를 공부해보고싶은 분
💌5일한정 이벤트 남은 시간💌 (1/21 23:59 마감)
0 0시간 0 0 2022-01-21T23:59
(자동) (자동) (자동)
정가 (자동)
현재 판매가 (자동)
12개월 무이자 할부 시 (자동)

커리큘럼을 확인하세요.

아래의 모든 챕터 클립들을 강의 하나로 들을 수 있습니다.
지금 한 번만 결제하고 모든 강의를 평생 소장하세요!
강의에서 어떤 실습을 진행하는지 클립명을 통해 확인하세요! 😉

◉ 본 강의는 흐름의 완성도를 위해 아래 강의 일부를 발췌하였습니다.
→ 한 번에 끝내는 프론트엔드 초격차 패키지 파트 5(typescript essentials)를 본 강의의 부록으로 제공합니다.

* 영상 공개 시 일부 커리큘럼이 소폭 변동될 수 있습니다. (핵심 내용에는 변동사항 없습니다.)

Part 1. 함수와 부수효과

Part 2. 함수형 프로그래밍과 에러처리

Part 3. 함수형 프로그래밍에서의 비동기

⭐ 7시간 분량 TypeScript 강의 추가 제공 ⭐

Typescript Essentials

  • 상세 커리큘럼.

    자세한 커리큘럼 및 내용은 여기서 확인하세요!

👩🏻‍💻수업 환경👩🏻‍💻

💌5일한정 이벤트 남은 시간💌 (1/21 23:59 마감)
0 0시간 0 0 2022-01-21T23:59
(자동) (자동) (자동)
정가 (자동)
현재 판매가 (자동)
12개월 무이자 할부 시 (자동)

구매 안내.

결제 후, 언제 어디서나 하루 10분 공부 시작.

• 홈페이지 회원가입 및 로그인
• 원하는 강의 결제하기
• 마이페이지에서 강의 시청하기

해당 강의는 예약 구매 상품입니다.

영상 공개는 다음과 같이 3회에 걸쳐 공개됩니다.
(1회 구매 이후 모든 영상을 평생 소장가능합니다.)

-----

1차 공개 : 2021. 12. 10 (금)
2차 공개 : 2022. 01. 07 (금)
전체 공개 : 2022. 01. 28 (금)


이 강의도 추천해요.
3년 연속 브랜드 대상 수상, 패스트캠퍼스

[2만원 즉시할인 쿠폰 주의사항 및 환불규정 ]

~1/21 2만원 즉시할인 쿠폰 이벤트 주의사항 및 환불규정 바로가기 ☞

수강료.

  • TypeScript를 활용한 함수형 프로그래밍 온보딩

    현재 정가 대비 64% 할인 중!
    1월 31일 월요일 자정 까지

    정가 690,000원
    현재 판매가 244,000원

    12개월 무이자 할부 시 월 20,333원

국내 9개 카드사 12개월 무이자 할부 지원! (간편 결제 제외)

  • 삼성카드
  • 신한카드
  • 롯데카드
  • 현대카드
  • 하나카드
  • BC카드
  • KB국민은행
  • 씨티카드
  • NH농협카드