본문 바로가기 메뉴 바로가기

윤민상 블로그

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

윤민상 블로그

검색하기 폼
  • 분류 전체보기 (398)
    • 기술 (10)
    • 웹 (24)
      • react (9)
      • next js (1)
    • devops (13)
      • aws ec2 (7)
    • 자바스크립트 (32)
      • 바닐라 자바스크립트 (6)
      • 자바스크립트 라이브러리 (2)
    • 타입스크립트 (1)
    • 생각정리 (4)
    • 책 (171)
      • 리팩터링2 (4)
      • 객체지향의 사실과 오해 (3)
      • 팀개발을 위한 git, github 시작하기 (8)
      • 리다기 (15)
      • nodejs 교과서 (16)
      • 데이터베이스개론 (13)
      • 데이터베이스를 지탱하는 기술 (3)
      • 따라하며 배우는 AWS 네트워크 입문 (3)
      • 모던 자바스크립트 Deep Dive (14)
      • 자바스크립트 완벽 가이드 (20)
      • do it html (14)
      • 윤성우 열혈 C 프로그래밍 (15)
      • 윤성우의 열혈 자료구조 (14)
      • 자바스크립트로 하는 자료 구조와 알고리즘 (14)
      • 하루 3분 네트워크 (9)
      • 그림으로 배우는 운영체제 (4)
      • 데이터베이스 시스템? (2)
    • 강의 (8)
      • 코드스피츠 (8)
      • 김민태 시나리오로 배우는 프론트엔드실무 (0)
    • nodejs (8)
      • nestjs (1)
    • HTML (0)
    • css (2)
    • 깃(git) (6)
    • 개발환경 (5)
      • vscode (3)
      • mac (2)
    • 사이드프로젝트 (1)
      • 투두리스트 (1)
    • mysql (9)
    • cs (3)
      • 네트워크 (1)
      • 자료구조 (1)
      • 운영체제 (0)
      • 데이터베이스 (1)
    • 코딩테스트 (83)
    • 취준 (6)
    • 우테캠 (10)
    • 안드로이드 (1)
    • 기타 (0)
  • 방명록

웹펙 (1)
웹팩, 바벨, 폴리필이란 + 개발환경설정

바벨 웹개발자라면 최신 기술을 사용하고 싶다. 그런데 최신 기술을 지원하지 않는 브라우저(ie라던가... ie라던가... ie...)가 존재한다. 엄청난 최신 기술이 아니라 나온지 오~~래된 기술도 사용할 수 없는 브라우저들이 있다. 이런 경우에 어떻게 해야할까?? 옛날 기술을 사용한다... 라는 방법밖에 없었다. 없었다.. 라는 것은 지금은 아니라는 것인데 그 이유가 바로 바벨이다. 바벨은 자바스크립트 컴파일러인데 ECMAScript 2015+코드를 이전의 버전으로 바꿔주는 역할을 한다. 이 때문에 지금은 최신 문법을 간편하게 사용할 수 있는 것이다. 물론 우리가 설정을 해줘야 한다. 리액트 cra같은 경우는 이미 설정이 되어있어서 적용이 되는 것이고 바닐라 자바스크립트로 최신 문법을 사용하려면 설정을..

웹 2021. 7. 18. 21:51
이전 1 다음
이전 다음
공지사항

Blog is powered by Tistory / Designed by Tistory

티스토리툴바