Q&A
커뮤니티
지식
이벤트
더보기
OKKY
Q&A
지식
커뮤니티
이벤트
부트캠프
Jobs
Contact
Search Bar
로그인
회원가입
babel
전체
기술
커리어
기타
카테고리
전체
최신순
질문하기
답변
0
배움은끝이없다
·
거의 2년
207
0
답변 0
리액트 질문!
현재 리액트 구조를 다음과 같이 설정했습니다. 루트(react 일반폴더) common (일반 폴더) Button.js (일반 함수형 컴포넌트 js파일) packages (일반 폴더) human (create-react-app 패키지) human 패키지에 common 을 yarn add common 명령어를 입력해서 설치하고 컴포넌트를 import 해서 사용하니깐 jsx 문법을 읽을 수 없다고 오류가 나더라구요. syntax 'jsx'
해결
5
메로니
·
약 2년
232
1
해결 5
바벨 트랜스파일링 할 때 질문
변환 전 let a = () => {<!-- --> console.log(this); } 변환 후 var _this = void 0; var a = function a() {<!-- --> console.log(_this) } 위 처럼 바벨에서 트랜스 파일링 할 때 전역 화살표 함수 안에 있는 this의 값이 변경 후 void 0 값으로 바뀌는 것을 알 수 있는데 이해가 안됩니다. 화살표 함수도 결국 외부 스코
답변
1
물먹이
·
거의 3년
213
0
답변 1
webpack, babel 사용? 설정? 어떤 말이 맞을까요..?
안녕하세요! 프론트엔드 취업준비중인 취준생입니다!다름이아니라, 가끔 공고에서 보면 babel, webpack 등 사용 유무를 우대사항에 들어가있던데..CRA를 통해 react app을 설치하면 자동으로 webpack과 babel이 설정되어있다고 알고있습니다.그럼 공고에 보던 babel과 webpack의 사용유무는 또 다른 의미일까요?? CRA말고 직접 webpack과 babel을 설정하는것을 물어보는건지 아니면 직접 배포까지 해봤냐는것을 물어보는건지
답변
1
다시시작하는
·
3년 이상
342
0
답변 1
jsx, babel, react의 관계에 대
babel은 javascript 컴파일러이고(예전 이름은 '6to5') 제공하는 기능은 아래와 같음 - ES6 이상의 문법을 ES5로 변환 (대부분의 브라우저와 버전에서 이상없이 돌아가게 하기 위해) - JSX 문법을 javascript로 변환JSX는 javascript xml의 약자이고 javascript에 html을 쉽고 편하게 결합내지는 혼용하여 표현하는 문법브라우
해결
2
즐거운코딩
·
3년 이상
205
0
해결 2
nodejs ECMA Commonjs 질문입니다
작은 nodejs 프로젝트가 하나 있습니다만 commonjs를 선호하지 않아서 package.json에 "type":"module"적어놓고 ecma 문법으로 사용합니다. 보통 이런 경우 babel을 사용하던데 babel 사용 안하고 저처럼 해도 상관없나요?그리고 nodejs에서 ECMA와 commonjs가 문법적 차이 말고 어떤 차이가 있나요?
답변
1
나현우
·
3년 이상
384
0
답변 1
react에서 jest 사용해서 테스트하려할 때 발생하는 문제
프로젝트를 react로 짜고 test를 하기 위해 npm test를 했습니다. 그런데 에러가 발생했고, 이유를 찾아보니 jest는 commonjs기반이기에 es6로짠 코드를 babel을 통해서 transpile을 해야한다는 것을 깨닫고 정말 어렵게 구성을 해봤습니다. 그래서 이제 정말 됐구나 싶을 때 다시 npm test를 해보니 다음과 같은 에러가 발생했습니다. img alt="" src="htt
답변
0
Jinyoung Kim
·
거의 4년
372
0
답변 0
[js] 타입스크립트에서 js버전 변경해서 컴파일이 가능한데 바벨도 같이 쓰는게 좋나요
타입스크립트에서 js버전 변경해서 컴파일이 가능한데 바벨도 같이 쓰는게 좋나요tsconfig에서 설정만 해두면 바벨 쓸 필요가 없나요
답변
0
Jinyoung Kim
·
거의 4년
350
0
답변 0
실무에서 javascript babel 도입
안녕하세요제가 15년 된 회사에 들어가서 웹 개발을 하고 있는데, 이 회사에서는 o2o서비스라IE익스플로러도 지원하고 있습니다.때문에 es6을 쓰지 못하고 있는데, 추후에 ie가 서비스 종료한다고는 하지만, 엣지의 ie모드라던지어떻게든 ie들어가는 방법이 있기 때문에 글을 올리게 되었습니다npm으로 바벨 설치가 가능합니다만, 기존 서비스에서 바벨 설치한다고 생기는 이슈는 없을까요?/p
답변
3
노력하는_개발자
·
약 4년
1.2k
0
답변 3
spring 프로젝트에 babel 설정하는것 관련해 궁금한게 있습니다.
spring + thymeleaf 프로젝트입니다.IE도 지원해야 해서 es5 코드로 짜고 있었는데 아무래도 불편한 점이 많기도 하고 코드를 불편하게 짜는 것 같아서 알아보니 babel을 활용해 해결할 수 있더군요.(각 페이지별로 여로 각기 다른 기능들의 js 파일로 나누어져 있는데 webpack을 사용하기엔 비 효율적 일 거란 판단에 babel만 사용하려고 시도해 봤어요.) 그래서
답변
0
FE_JM
·
약 4년
207
0
답변 0
node webpack 버전 업데이트시 babel bundle ES 문법 관련
프론트 개발환경 업데이트 중node 12 -> node 16 버전으로 업데이트 했습니다!업데이트 하면서 webpack을 4.46.0 -> 5.70.0 으로 업데이트 했는데,생성하는 bundle.js 에서 es6 문법인 arrow function 이 나오고 있습니다.ie가 곧 서비스 종료를 하지만 그래도 당분간은 호환이 되도록 하고 싶은데webpack 버전을 올렸을때 babel
답변
1
Wlsepf
·
약 4년
662
0
답변 1
안녕하세요 이번에 리엑트 공부를 시작했는데
방금전에 강의를 듣고 있었는데강의에 나온대로 따라 해도 계속 안되는거에요콘솔을 봐도 뭔지를 모르겠어서 질문 남깁니다.<!DOCTYPE html><html lang="en"> <body> <script src="https://unpkg.c
답변
0
징징이희수
·
약 4년
304
0
답변 0
docker에서 node.js 실행
안녕하세요.docker를 통해 node 웹 서버를 올려서 사용 중에 있습니다.그런데 어느 순간부터 로컬 / 로컬 도커에서는 문제 없이 동작하는데 클라우드 서버에 있는 도커를 통해서 서버를올리면 아래와 같은 오류가 발생합니다...babel을 사용중이긴한데 로컬에서는 아무 문제없이 동작해서 로컬-도커로 올리고 거기까지 문제없으면클라우드 서버로 적용하는 방식을 사용하고 있는데 자꾸 이런 오류
해결
2
Andrew..
·
4년 이상
1.9k
1
해결 2
리액트 - only one instance of babel-polyfill is allowed 오류 도와주십시오..
안녕하세요 선배님들 네이버 아이디 로그인 기능을 구현하던 도중 아래와 같은 오류가 발생되었습니다.찾아보니 only one instance of babel-polyfill이 하나만 있어야 한다고 하는데 저게 뭔지 어떻게 해결해야 할지 이해가 안됩니다..너무 미흡해 질문의 답변조차 어려워 보입니다.. 한번만 도와주십시오img src="//file.okky.kr/images/1640784399237.png" style="width:100%
해결
6
러브트윈스
·
4년 이상
633
0
해결 6
[자바스크립트 초급] ES5 -> ES6 변환 관련 질문있습니다!
현재 회사에서 기존 AS-IS 소스가 ES5 버전으로 되어있어서 ES6 버전으로 변환하는 작업을 하고 있는데요. 질문 2가지 여쭤보겠습니다.1. ES6 버전은 무조건 let , const 변수만 써야하나요? var 타입은 제거해야
해결
6
러브트윈스
·
4년 이상
1.2k
0
해결 6
[자바스크립트] ES5 -> ES6 로의 변환과정중인데 도와주세여;;;
안녕하세요~ 선배님들. 기존에 ES5 방식으로 사용하던 As-is소스들이 있는데 이 소스들을 ES6 방식 (To-be)으로 변환하는 중에궁금한게 있어서 질문드립니다!예를들어 공통함수 (common.js) 에 정의되어 있는게 있습니다.const
답변
2
hijung
·
4년 이상
393
0
답변 2
바벨 컴파일 이후 생성된 require() 호출 오류
답변
0
SYD_ICN
·
4년 이상
238
0
답변 0
babel 트랜스파일러 관련 질문
안녕하세요 리액트 jsx에 대해 공부중인 신입 직장인입니다.혹시 jsx 코드를 바벨로 트랜스파일링을 하게되면 변환되는 코드가 순수자바스크립트로 변환이 되는건가요?아직 코딩지식이 부족하여 여기에 질문 드립니다.import React, { useState } from 'react
답변
2
mr3i
·
거의 5년
352
0
답변 2
babel 사용해서 변환된 bundle에서는 반드시 import를 해야 다른 스크립트의 변수를 사용할 수 있나요?
지난번에 https://okky.kr/article/944296?note=2348821 이런 글을 쓴 다음에어찌어찌 공부해서 변환 성공했는데 다른 js파일에 있는 변수를 jsp나 js에서 사용할수가 없네요..export, import 해서 써야하나요? 서버에서 보낸 데이터 EL로
답변
2
webbdev
·
약 6년
1.1k
0
답변 2
React IE11 대응 관련 질문드립니다.
안녕하세요.React 초보입니다.create-react-app 사용하여 프로젝트 개발중 크로스브라우징 문제로 문의 올립니다.create-react-app을 활용하여 프로젝트 생성 후 yarn start로 로컬에서 개발자 서버를 실행하였습니다.크롬은 정상 작동 되나 IE11에서는 렌더링이 안되더라고요.그런데 yarn eject 실행 후 다시 yarn start로 로
답변
2
Dierslair
·
6년 이상
427
0
답변 2
Babel이 줄바꿈을 무시합니다
IE호환성 때문에 Babel을 이용해서 트랜스파일된 js를 사용하고 있습니다. 덕분에 기능은 완벽히 호환됩니다만, 가독성을 위해 줄바꿈한 코드를 자꾸 인라인으로 바꿔버리는 현상이 있습니다. 레퍼런스에서도 별 언급이 없는데 방법이 없을까요??트랜스파일 전트랜스파일 후im
이전
1
2
다음
Search Bar
