bekusib's develop story bekusib's develop story

Frontend/react

• [react][javascript] gps 위치 얻기 위도 경도 latitude/longitude

  Frontend/react 2020. 3. 9. 18:49

  아래는 위도와 경도를 가져오는 함수이다. Get the gps location. function getLocation() { if (navigator.geolocation) { // GPS를 지원하면 navigator.geolocation.getCurrentPosition(function(position) { alert(position.coords.latitude + ' ' + position.coords.longitude); }, function(error) { console.error(error); }, { enableHighAccuracy: false, maximumAge: 0, timeout: Infinity }); } else { alert('GPS를 지원하지 않습니다'); } } getLoca..

  Read More
• [react] Parse Error: Adjacent JSX elements must be wrapped in an enclosing tag

  Frontend/react 2020. 3. 9. 03:30

  참조 // WRONG! return ( ) // Correct return ( ) // More Correct return ( )

  Read More
• [react] react-starter-kit에 bootstrap 적용 시키기.

  Frontend/react 2020. 3. 9. 02:34

  react 개발을 react-starter-kit boilerplate로 한다. 웹 UI를 bootstrap을 적용시켜서 만들려는데, bootstrap 홈페이지에서 제안하는 방법으로는 적용이 되질 않는다. react-starter-kit의 구조에 맞게 적용을 시켜야한다. 먼저 bootstrap을 설치한다. npm install --save react-bootstrap bootstrap 아래와 같은 방법으로 사용을 하면 제대로 적용이 되지 않는다. {/* The following line can be included in your src/index.js or App.js file*/} import 'bootstrap/dist/css/bootstrap.min.css'; import Button from 'r..

  Read More
• How to fix the ERROR that 'net::ERR_CONNECTION_REFUSED' on Node.js?

  Frontend/react 2020. 2. 5. 18:28

  환경 Platform: React URL: http://localhost:3000 API PATH : http://localhost:3000/api/... used HTTP Request Module : Axios 문제 리엑트 프로젝트에서 프론트 단에서 백엔드 단으로 REST API를 요청 하는 부분이 있다. 이때 서버 포트가 3000이라, 요청 주소를 'http://localhost:3000'으로 하고 로컬에서 작업을 하면 무리없이 잘 동작하지만 실제 서버에서 동작을 시키게되면 http 요청을 실패하게 된다. (서버에 접속해 직접 curl로 요청을 하면 또 잘된다.) 문제 발생 과정 Part of request source, // front-end const baseUrl = 'http://localh..

  Read More
• Error: Plugin/Preset files are not allowed to export objects, only functions.

  Frontend/react 2020. 1. 10. 16:37

  Error: Plugin/Preset files are not allowed to export objects, only functions. Just do it : // .babelrc { "presets": ["@babel/preset-env","@babel/preset-react"] }

  Read More
• [react] How to configure css css-loader in webpack?

  Frontend/react 2020. 1. 10. 16:34

  Error: ERROR in ./node_modules/react-tabs/style/react-tabs.css 1:0 Module parse failed: Unexpected token (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders > .react-tabs { | -webkit-tap-highlight-color: transparent; | } 1 npm install --save-dev css-loader 2 // webpack.config.js v..

  Read More
• [Personal Project] Make a page that stock compare chart.

  Frontend/react 2020. 1. 9. 18:30

  Read More
• [error] Moment Timezone requires Moment.js. See https://momentjs.com/timezone/docs/#/use-it/browser/ moment-timezone.js?0efb:44 Uncaught TypeError: Cannot read property 'split' of undefined

  Frontend/react 2020. 1. 7. 14:58

  Error: Moment Timezone requires Moment.js. See https://momentjs.com/timezone/docs/#/use-it/browser/ Solution: npm install --save-dev moment-timezone-data-webpack-plugin const MomentTimezoneDataPlugin = require('moment-timezone-data-webpack-plugin'); module.exports = { plugins: [ new MomentTimezoneDataPlugin({ // options }), ] };

  Read More