본문 바로가기

Web 프로그래밍/Javascript60

React Native Expo 2달 사용 후기 및 설치 및 배포 방법 앱을 간단하게 개발하고 싶었는데 Flutter를 사용할 지 Javascript에 익숙한 React Native를 선택할지 고민이 많았지만 결국 React Native로 선택을 하였고 현재도 아직 잘 사용중이다. Expo의 선택은 아직까지는 후회가 없으며 실무에서도 또한 도입하려고 계획 중에 있습니다. React Native를 사용해서 개발을 하게되면 Expo라는 오픈소스 플랫폼이 나오는데 생각보다 라이브러리가 많았고 개발하기 쉽게 만들어져 있었다. 본인은 Vue 로 개발하는 것을 선호하였지만 React Hook을 1달가량 사용해보고 큰 무리 없이 React Native로 전향하였습니다. 그만큼 사용하기가 쉬웠고 프론트엔드 개발자라면 바로 가능합니다. https://docs.expo.io Introduct.. 2021. 6. 29.
Vue cli 3 + vuetify + IE11 babel-polyfill 적용(Promise 해결)과 꼼수들 Vue cli 3에서 IE11 적용방법에 대해서 공유를 합니다. 그래도 IE11까지는 지원을 하자는 마음에 babel-polyfill을 설치하여 작업을 하는데 제대로 동작이 되지 않아 하루 종일 삽질을 하였다. vue-excel-xlsx 라이브러리는 IE 익스플로러를 지원하지 않으니 참고하면 된다. 프론트엔드를 지난 몇 년간 개발을 해오면서 ES6를 ES5로 변환하기 위해(익스플로러 브라우저를 지원) 단순히 babel-polyfill 만 적용하면 될 줄 알았다. 사실 프로젝트를 세팅하는 초기에는 작동이 잘 되긴 한다. Promise를 만나기 전까지는 말이다. 그래서 대부분 해결되었다는 블로그를 봐도 내 프로젝트 소스에는 작동이 되지 않았다. 이미 운영서버로 배포가 되어 있는 상황이고 몇몇 라이브러리를 사.. 2020. 7. 13.
Javascript 성능 최적화 하는 5가지 방법 자바스크립트에서 성능 최적화를 하는 방법에는 여러 가지가 있습니다. 우선 제가 주로 사용하는 몇 가지 방법을 공유드리려고 합니다. 성능 최적화를 하는 이유는 비개발자이거나 소규모 사이트의 제작자 라면 사실할 필요도 크게 없습니다. 반면 본인이 서버를 직접 운영한다거나 대규모 사이트를 운영하고 있으시다면 성능 최적화만 하더라도 운영비를 크게 감소할 수 있을 것으로 예측이 됩니다. 1. DOM 접근 최소화 DOM을 접근할 때에는 가능하면 지역 변수로 할당하여 사용하시는 것이 좋습니다. dom 도 하나의 object이기 때문에 프로토타입 체인에 의해 내가 원하는 위치를 찾는데 시간이 발생하기 때문입니다. function getObject(){ let dom = document.getElementById('co.. 2020. 7. 3.
Postman ssl, proxy 설정 방법 자바스크립트로 코딩을 하다가 postman을 사용할 일이 있어서 그냥 여기 카테고리에 적는다. ssl 이나 proxy 같은 경우에는 보통 인터넷망이나 aws 망 같은 곳에서는 일어날 일이 사실상 거의 없다. 보통 회사의 사내망이나 폐쇄망 같은 곳에서 보안상 많이 막아 두는 경우가 많은데 node js, javascript 를 코딩하던 중 Restul api를 테스트 해야하는데 그놈의 방화벽 때문에 몇 시간 동안 삽질을 했다. 아래가 흔히 인터넷에서 나오는 node 사용시 프록시 방법이며 npm config 를 설정하라는 것인데 나한테는 씨알도 안먹혀서 다른 방법을 찾아보았다. npm config set proxy 주소:포트 npm config set https-proxy 주소:포트 npm config s.. 2020. 5. 8.
textarea, placeholder 줄바꿈 placeholder="ex) test1 test2" 2016. 7. 18.
[HTML] checkbox, radio 위아래 맞추기 모든 브라우저 부트스트랩에서 채용해서 약간 수정하였다. 체크박스, 라디오 버튼과 옆에 쓰여지는 글자의 위치가 일직선으로 정렬이 된다! 크롬, 파폭, 사파리, IE7~10 2016. 6. 16.