웹을 제작하면서 가장 기본적으로 로그인 기능을 구현하기 위해서 사용하는 것은 구글에서 제공하는 firebase 입니다. 일정 사용량 까지 무료기도 하고 sdk도 여러가지 언어로 제공되고 있어서 쉽게 연동할 수 있는데요, 사이드프로젝트를 본격적으로 시작하기 전에 리서치 겸해서 Firebase을 연동하여 로그인하는 것을 리액트로 만들어 보도록 하겠습니다. 프로젝트 생성+firebase 프로젝트 연결 $ npm create-react-app newitter $ cd 프로젝트 이름 생성시 느낌보면 아시겠지만 노마드 코드 무료강의를 참고하며 클론코딩을 진행하고 있습니다. firebase 설치 후 프로젝트 정보 가져올 것 $ npm install --save firebase firebase 프로젝트 정보는 .env..
오늘은 사이드프로젝트로 진행했던 리액트로 웹만들었던 내용에 대해서 이야기를 해볼까 합니다. 웹은 굉장히 트렌디한 개발 영역으로 빠르게 변화하고 사람들에게 시각적으로 보여지기 때문에 재밌기도 하지만 그 만큼 버그나 에러에 민감하기도 합니다. 초기에 개발에 입문시에 크게 3가지 부류를 많이 접할 수가 있는데 그 중 하나는 웹으로 프로젝트 하는 것이고, 다른 하나는 아두이노 같은 센서들을 조합하여 프로토타이핑 하는 프로젝트, 다른 하나는 앱 개발이 그것인데요. 저의 주 전공은 C/C++/golang 등의 전형적인 개발 언어임에 웹은 과목 수강하는 정도 들었지만 중간에 그누보드 기반의 웹 페이지를 만들어 보면서 html/css/javascript와 레이아웃을 구성할 때 주의해야 하는 것들은 어느정도 감으로 알고..
이전 글에서 nRF52810에서 nrf52832로 변경하였다고 이야기하였는데 그에 대한 상세한 이유에 대해서 오늘 이야기해볼까 합니다. 두 칩에 대한 상세한 스펙 비교는 아래 링크에서 확인하실 수 있습니다. https://hero-space.tistory.com/73 목적에 따른 Bluetooth Chip 선택하기 IoT 시대라고 말하기에 어색할 만큼, 이제 모든 것이 연결되는게 당영한 세상입니다. 다만 그것을 어떻게 연결하고 연동하는지 관심을 갖다보면 그 사이사이에서 기술의 격차를 볼 수 있는데, 단 hero-space.tistory.com CPU 자체로 만 보았을때는 부동소수점 연산이 되냐 안되냐의 정도의 차이지만 메모리로 보았을때는 롬에 해당하는 Flash가 192KB에서 최대 512KB로 3배의 ..
임베디드 기기에 개발을 하다보면 작성한 코드를 업데이트 해야합니다. 업데이트 한다는 개념은 임베디드 기기의 Rom 과 같은 비휘발성 메모리에 코드를 적재하고, 부팅시 Ram에 로드 시키고, 스타트어드레스부터 순차적으로 실행하게 되는데요. 개발할때는 UART, SPI, JTAG 등 여러가지 방법으로 각자의 개발 환경에 따라서 PC에서 유선으로 직접 업데이트를 할 수 있습니다. 하지만, 고객들은 어떻게 할까요? 이어폰도 무선이어폰이 대중화된 시대에 당연히 이런 업데이트는 무선으로 되도록 기술은 발달해 있습니다. TV나, 핸드폰 등 대부분은 인터넷을 통해 업데이트가 필요한지 체크하고 이를 다운받아서 자동으로 업데이트 하는 개념이지요. 오늘은 그러한 기술의 핵심인 OTA를 노르딕 칩인 nRF에서 어떻게 할 수 ..
오늘 nRF 칩 기반에서 색온도와 밝기를 측정할 수 있는 센서의 드라이버를 nRF 칩에서 구동할 수 있도록 하는 방법에 대해서 설명하도록 하겠습니다. 우선 컬러/밝기 센서는 어떨 때 주로 사용하는지 알아보면, 우리 생활속에서 색 환경이라는 것이 존재합니다. 쉽게 말해 화장실에서는 주황색을 띄는 램프를, 카페에서는 따뜻한 빛을 주는 노란색 계열의 램프를, 집 거실에서는 각각 인테리어에 따라 다르지만 흰색 빛이나 조금은 누런색을 띄는 빛을 볼 수 있고, 1단계 2단계 3단계 처럼 빛의 밝기도 조절할 수 있습니다. 이처럼 자신이 어떤환경의 빛에 노출되어 있느냐에 따라 뇌에 영향을 주는 것이 다른데요. 카페에서는 휴식의 느낌을 얻지만 사무실에가면 집중의 느낌을 받는 것이 대표적인 입니다. 이렇듯 주변환경을 감지..
안녕하세요. 바쁜 한 달간 좀더 집중해야하는 일 들이 있어 간만에 블로그를 작성합니다. 오늘은 nRF 칩 기반에서 PWM Frequency에 대한 제어를 어떻게하는 설명할텐데요. 우선 PWM이 무엇인지 부터 확인해 보도록 하겠습니다. PWM (Pulse Width Modulation) 펄스의 폭을 제어한다는 뜻인데요. 못 느끼시겠지만 우리 실 생황에서 PWM 방식으로 아래와 같이 제어 되고 있습니다. 모니터와 핸드폰 같은 경우 60hz네, 120hz 주파수인데 머가 좋네 안좋네 이런말들 많이하고, 좀더 제어를 하시는 분들은 모터제어할때 이 주파수가 RPM과도 연관되어 있으니, 어떤 주파수로 하느냐에 따라 동작하는게 많이 다를 수 있습니다. 저는 오늘 그중에서 LED 제어를 위한 PWM Frequency에..
지난 시간에 nRF 칩에서 SDK 로 제공하는 twi driver를 이용해서 센서를 I2C로 제어하는 방법에 대해서 알아봤었는데요, 오늘은 좀더 Low Lever 방식으로 제어하는 방식에 대해서 알아보도록 하겠습니다. https://hero-space.tistory.com/93 nRF칩에서 I2C 연동하기 twi I2C라는 통신 방식은 굉장히 일반적인 방식으로 메인 칩과 연결된 센서를 동작시키고 값을 읽어 올때 유용하게 사용할 수 있습니다. 속도가 크게 민감하지 않다면 I2C를 이용해서 조도센서, 거리 hero-space.tistory.com 왜 Low Lever Driver 가 필요 할까요? I2C 자체는 필립스에 제안한 IC 간 통신 방식으로 클럭(SCL)과 데이터(SDA)의 2 라인을 사용하는 동기..
오늘은 실제 Bulo 디바이스를 앱과 연동한 사용기를 연재해보도록 하겠습니다. Bulo가 머야? 외형이 어케 생겼어 하시는 분은 요기로!(아래 링크) https://hero-space.tistory.com/76?category=1023353 폐건강 트레이너, Bulo 제품 언박싱 Bulo 언박싱 스토리를 공유합니다. 폐기능 향상을 위한 작은 헬스케어 디바이스로서 삼성전자 C-Lab 출신이자, 킥스타터 런칭하여 12만달러를 넘긴 제품입니다. 현재는 네이버 스마트스토어에서도 hero-space.tistory.com Bulo로 실 사용기 1편은 요기로!(아래 링크) https://hero-space.tistory.com/81?category=1023353 폐 건강 헬스 트레이너, Bulo 앱 사용기 Bulo ..