준비 사항 1. Firebase 프로젝트 준비 : Firebase console로 가서 프로젝트 하나를 생성해 둡니다. 시작하기 firebase-tools 설치 npm install -g firebase-tools firebase 설치확인 ~> firebase command not found: firebase와 같은 에러가 뜰 경우 다음과 같이 설정을 해줍니다. alias firebase="`npm config get prefix`/bin/firebase" 로그인 및 프로젝트 초기화 // login firebase login // init functions firebase init functions package 설치 npm install --save express index.js 파일 수정 const ..
최근 커스텀 폰트를 RN에 적용하면서 한 가지 문제를 발견했다. Campton이란 폰트를 앱에 적용한 뒤 사용을 하려고 하는데, Android와 iOS에서 같은 폰트 파일을 asset으로 추가해 놓아도 적용되는 방식이 다른 것이었다. Campton-Bold.otf Campton-Light.otf 라는 두 개의 파일을 적용하는데, iOS에서는 fontFamily를 적용할 때 'Campton'을 적용해도 정상적으로 나왔고, 'Campton-Bold' 라고 파일 명을 입력해서 정상적으로 폰트 적용이 되었다. /* ios */ // ok .text { fontFamily: 'Campton', fontWeight: 'bold', // 'light' } // ok .text { fontFamily: 'Campton..
최근 많은 앱 개발자들의 관심을 받고 있는 Flutter를 배워볼 겸 작은 프로젝트를 시작해보려고 하는 중이다. 일단 개발 환경 설정을 하기 위해 Flutter 공식 문서 사이트에서 Flutter SDK를 다운로드하고, cd ~/Downloads sudo cp -r flutter ~/Library sudo chown -R $USER ~/Library/flutter 나는 다운로드 폴더를 열어 zip 파일 압축을 풀었기 때문에 Downloads 폴더에 압축이 풀린 flutter 폴더를 원하는 위치로 이동을 시켰고, 나중에 환경설정 후 flutter 명령을 쓸 때 위치에 대한 접근 불가 (Permission Denied)가 나는 것을 막기 위해 (처음에는 sudo 명령을 붙였으나 flutter SDK에서 루트..
이전 포스팅에서 React Native를 한번 사용해보겠다고 한지 벌써 1년이 지났습니다. 잠깐 튜토리얼 정도 수준으로 앱을 만들어보다 생업 하기 바빠서 작업을 멈추었었는데요, 그럴 기회가 있을 거란 생각은 하지 않았는데 어쩌다 보니 React Native로 앱을 개발하고 있습니다. 이번에 새로 배포한 앱 '독구'를 개발하면서 어떤 경험을 했는지 RN이 얼마나 배우거나 개발하기 편했고, 하면서 다른 프레임웍과 비교해 어려운 부분이 없었는지 소상히 설명해보도록 하겠습니다. 간단히 설명을 드리면 월 또는 연단위로 구독하는 서비스를 모아서 월평균 지출 비용을 관리할 수 있는 앱입니다. 다운로드 링크 안드로이드: https://play.google.com/store/apps/details?id=com.alt.d..
Angular 8.0.0 버전 릴리스가 5월 말에 발표되었습니다. 새로운 기능이 그렇게 많지는 않지만 좋은 것들이 몇 가지 있다고 합니다. 첫째, Differential loading 이 기능 덕분에 자동으로 더욱 퍼포먼스를 보일 수 있게 할 수 있습니다. Differential loading을 사용하면 두 가지 번들이 프로덕션 버전에서 생성이 됩니다. ES2015+를 지원하는 모던 브라우저를 위한 번들과 ES5 버전만을 지원하는 오래된 브라우저를 위한 번들을 생성합니다. 그러면 새로운 브라우저의 ES6 모듈의 지원 덕분에 일치하는 번들이 자동으로 브라우저에 불려지게 됩니다. 새로운 브라우저는 더 적은 코드를 불러올 수 있고 더 작은 양의 polyfills을 불러올 수 있습니다. 개발할 때 어떤 조치가 ..
지금까지 3주 정도 매일은 아니었지만 드문드문 RN (React Native) 개발을 해보면서 든 생각을 정리해보았습니다. 정말 네이티브 코드 없이 JavaScript로만 개발이 가능했나 RN 을 처음 접할 때 가장 궁금했던 것 중에 하나는 '네이티브 코드를 전혀 건드리지 않고 앱 하나를 개발하는 게 가능할까? ' 였는데요. 간단한 앱 하나를 제작하면서 보니 가능한 것 같습니다. 요구사항이 많지 않고 운이 좋다면 (?) 가능하다는 생각이 들었습니다. 사실 이런 얘기는 어느 하이브리드 프레임워크를 가져와도 할 수 있는 말입니다. 그러니까 말하자면 네이티브 기능을 온전히 다 쓸 수 없는 (네이티브 코드 없이는) 하이브리드 앱 특성상 RN도 예외가 아니었다는 점입니다. 기존의 다른 하이브리드 프레임워크 보다 ..
왜 React Native를 시작했는가 저는 React.js를 따로 접해보지는 않았고, (간단한 튜토리얼 수업 정도는 들어 보았습니다만) 요즘 곧바로 React Native (줄여서 앞으로 RN이라 하겠습니다) 를 해보겠다고 꼼지락 거리고 있는 상황인데요. 올해 RN을 꼭 해보아야겠다는 생각이 든 이유 중 하나는 2018년도 자바스크립트의 트렌드에서 앱 개발을 RN으로 하는 개발자 수가 네이티브 개발자 수를 넘었다는 사실로 앞으로 기술적 고도화나 커뮤니티의 활성화적인 측면에서 무시할 수 없는 수준에 이르렀다는 생각이 들었기 때문입니다. 이렇게 이야기하면 기술자로서 트렌드를 빨리 앞서나가지 못하고 남들 따라가는 추종자처럼 보이지만 부정할 수 없는 사실입니다. 😭 하지만 추종자의 장점은 이미 무르익어서 쉽게..
소개항상 바뀌는 자바스크립트. 새로운 라이브러리, 새로운 프레임워크, 새로운 언어… 즐거운 부분도 있지만 압도적인 양을 어떻게 받아들일까?그것이 State of JS의 출현이었다. 올해도 마찬가지로 2만명 이상의 개발자가 참여한 결과 과연 작년에 비해 얼마나 바뀌었을까? 자바스크립트 취향ES6 사용자가 86.3%로 독보적이다. 다음은 Typescript 46.7%가 사용한다고 응답했다. ES6는 주로 Babel을 사용해 실행한다. 예전에는 CoffeScript가 오랫동안 고독히 자리를 차지하고 있었지만 이제는 ES6가 그 자리를 차지하고 Typscript, Flow 등 다양한 언어로 코드를 작성해서 JavaScript로 컴파일한다는 인식이 명백히 잡혔다. ES6 > TypeScript > Flow > E..
자바스크립트의 에코 시스템이 최근 몇 년 사이에 너무나도 빠른 속도로 바뀌어가면서 혼란스러운 상황에서 이 문제를 해결하려 시도한 사람들이 있었습니다. 바로 StateOfJS 사이트를 만든 Raphaël Benitte, Sacha Greif, Michael Rambeau 세 명의 자바스크립트 개발자인데요.그들의 말을 빌려 표현하자면 자바스크립트의 현 상황은 다음과 같습니다. 몇 년전까지만 해도 자바스크립트 조사는 단순한 문제였다. 질문1: jQuery를 사용하시나요? 질문2: 다른 코멘트가 있나요? 끝!그러나 우리 모두가 알듯이 자바스크립트 에코시스템이 계속해서 커지면서 많은 경험을 한 개발자들조차 가능한 다양한 옵션을 두고 주저할 수 있는 상황이 되었다.이 점이 바로 StateOfJS 프로젝트가 만들어진..
HTTPS란 무엇인가? 왜 해야 하나? HTTPS (Hypertext Transfer Protocol over Secure Socket Layer) 는 HTTP 프로토콜에서 보안의 개념이 추가된 프로토콜입니다. 인증/암호화 프로토콜인 SSL/TLS을 사용해서 세션 데이터를 암호화합니다. HTTPS 사이트가 꾸준히 증가하고 있는 이유는 장려하고 있기 때문이기도 하고 크로미움 개발 팀이 향후 공개될 크롬 62 버전부터는 HTTP로 사이트에 접속했을 때 시크릿 모드에서는 항상 "안전하지 않음"으로 표시하고 일반 모드와 시크릿 모드 모두 데이터를 입력하려 할 때 "안전하지 않음"을 띄우겠다고 발표했습니다.이미지나 영상, 자바스크립트 코드 등 외부 리소스들을 비암호화 연결로 보안 이슈가 생기는 등의 과거에 비해 ..
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- 시간 관리
- Android
- node.js
- go
- 공존이 필요해요
- patch-packages
- 안드로이드
- iterms
- 쉽게 말하는법
- release build issue
- multiDex issue
- gradle
- git ssh 연동
- retrofit
- 그리고 상상력
- 최은영작가님
- 아키텍처
- MVP
- 소름돋는필력
- 소프트웨어 공학
- 좋은 습관이란
- 창의성을 지휘하라
- 이미지 일괄 변경
- 이미지 여백주기
- 애드 캣멀
- 구독료 계산기
- React Native
- git 실수
- 스크럼
- egghead
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 |
글 보관함