[React] React-Bootstrap 프레임워크 / React-icons
2022. 9. 29. 13:38
개발/Install, setting, etc
React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io npm install bootstrap react-bootstrap --save 리액트 부트스트랩 설치 후 {/* The following line can be included in your src/index.js or App.js file*/} import 'bootstrap/dist/css/bootstrap.min.css'; CSS를 index.js에 임포트해주었다 React Icons React Icons Include popular icons in your React projects easily with react-icon..
[VSCode] Emmet in Visual Studio Code
2022. 9. 28. 08:28
개발/Install, setting, etc
프론트 개발자가 되고싶은데, 무에서 프로젝트를 만들 때 어디서부터 HTML과 CSS를 잡아야할지 엄두가 안났다. 또한 프론트 개발자는 퍼블리셔와 백엔드 중간다리라고 생각하기 때문에 그 모든 역할의 의미또한 알아야 한다고 생각해서, HTML CSS부터 자스기초까지 알려주는 유데미 강의를 구매헀다. 마침 특별 세일로 11,000원! 그래서 강의를 듣고 VSCode설정을 하는데 거기서 Emmet이라는 것을 설명해주었다. 처음엔 익스텐션인줄알고 찾아봤는데 없어서 확인해보니 이미 기본으로 내장이 되어있는 스니펫이었다. 다만 사용할 줄 몰랐을 뿐. (실제로 그냥 적어보니 적용되더라) 스니펫(snippet)은 재사용 가능한 소스 코드, 기계어, 텍스트의 작은 부분을 일컫는 프로그래밍 용어 Emmet in Visual..
[git] 기존에 존재하는 깃헙 레포지토리에서 새로운 레포지토리로 복사하기
2022. 9. 20. 21:57
개발/Install, setting, etc
우리 활동가 예로미가 휴먼 organization을 만들었다. 수료후에도 꾸준히 연락하며 모두 단톡방에 있으니, 최종 팀플자료를 모아두기로 했다. 최종 팀플을 새로 폴더를 복사해서 레포지토리를 파는것보다 기존에 있는 레포지토리를 그대로 다른 레포지토리에 활용할 수 있을것이라 생각해서 검색해보니 --mirror라는 명령어가 있다는것을 알게되었다. clone(non-bare)과 mirror --bare. 각각 브랜치와 참조에 대한 권한 차이가 있는데, 나는 현재버전의 기존 레포지토리를 그대애애로 브랜치까지 똑같이 가져와 쓸 것이라서 clone에 --mirror옵션을 넣은 명령어를 사용했다. $ git clone --mirror https://기존저장소주소 이후 디렉토리를 기존저장소이름.git 으로 변경해준다..
[플랫폼] Firebase(파이어베이스)
2022. 8. 29. 10:10
개발/Install, setting, etc
Firebase 구글에서 만든 모바일, 웹용 개발플랫폼 인증, DB, 스토리지, 푸시알림, 배포 등등 어플리케이션을 만들 때 필요한 부분들을 자동으로 만들어주는 플랫폼 Heroku, aws 등 다른 배포서비스도 있지만 파이어베이스를 통하면 쉽게 배포할 수 있다. DB의 경우는 RDBMS대신 NoSQL기반의 Document형식의 DB제공하며 RTSP(Real Time Stream Protocol)방식을 지원한다. 리프레시나 재검색을 하지않아도 알아서 DB의 정보를 실시간으로 받을 수 있다. [React] 미니프로젝트 - 배포하기 w.Firebase 이번 프로젝트에선 배포를위해 파이어베이스를 사용한다 https://firebase.google.com/?hl=ko 프로젝트 생성이 완료되면 Hosting으로 넘..
[API] REST vs Websokets
2022. 8. 27. 12:30
개발/Install, setting, etc
API(Application Programming Interface) 어플리케이션이 프로그램을 제공하는 기능을 사용할 수 있게 만드는 매개체. 프로그램 상호작용을 위한 연결. REST? 단방향 통신 - A, B 각 각의 컴퓨터에 브라우저가 있을 때 채팅을 하는경우 REST경우 새로고침을 해줘야 A->B 로 메시지가 전달된다 - 손님 - 서버 - 드라이버로 연결되는 택시 어플의 경우 REST경우 드라이버가 어딨는지, 손님이 어딨는지 알고싶을 때 한 방향통신이기 때문에 손님이 서버에 계속 요청을 보내서 드라이버가 어딨는지 손님 > 서버 > 드라이버로 보내야한다 Websocket? 양방향 통신 - A, B 각 각의 컴퓨터에 브라우저가 있을 때 채팅을 하는경우 웹소켓의 경우 리프레쉬 없어도 메시지가 전달된다 -..