웹을 제작하면서 가장 기본적으로 로그인 기능을 구현하기 위해서 사용하는 것은 구글에서 제공하는 firebase 입니다. 일정 사용량 까지 무료기도 하고 sdk도 여러가지 언어로 제공되고 있어서 쉽게 연동할 수 있는데요, 사이드프로젝트를 본격적으로 시작하기 전에 리서치 겸해서 Firebase을 연동하여 로그인하는 것을 리액트로 만들어 보도록 하겠습니다. 프로젝트 생성+firebase 프로젝트 연결 $ npm create-react-app newitter $ cd 프로젝트 이름 생성시 느낌보면 아시겠지만 노마드 코드 무료강의를 참고하며 클론코딩을 진행하고 있습니다. firebase 설치 후 프로젝트 정보 가져올 것 $ npm install --save firebase firebase 프로젝트 정보는 .env..
오늘은 사이드프로젝트로 진행했던 리액트로 웹만들었던 내용에 대해서 이야기를 해볼까 합니다. 웹은 굉장히 트렌디한 개발 영역으로 빠르게 변화하고 사람들에게 시각적으로 보여지기 때문에 재밌기도 하지만 그 만큼 버그나 에러에 민감하기도 합니다. 초기에 개발에 입문시에 크게 3가지 부류를 많이 접할 수가 있는데 그 중 하나는 웹으로 프로젝트 하는 것이고, 다른 하나는 아두이노 같은 센서들을 조합하여 프로토타이핑 하는 프로젝트, 다른 하나는 앱 개발이 그것인데요. 저의 주 전공은 C/C++/golang 등의 전형적인 개발 언어임에 웹은 과목 수강하는 정도 들었지만 중간에 그누보드 기반의 웹 페이지를 만들어 보면서 html/css/javascript와 레이아웃을 구성할 때 주의해야 하는 것들은 어느정도 감으로 알고..