Hoppscotch • Open source API development ecosystem • Hoppscotch https://echo.hoppscotch.io hoppscotch.io API 통신할 때 설계, 테스트하기위한 플랫폼으로 많이쓰는 건 포스트맨, 스웨거가 있다. 근데 두 개 다 다운로드, 회원가입이 필요한데 HOPPSCOTCH는 그냥 브라우저에서 바로 사용이 가능하다. 테스트할 API 스타워즈 API인 SWAPI 다 SWAPI - The Star Wars API What is this? The Star Wars API, or "swapi" (Swah-pee) is the world's first quantified and programmatically-accessible data sourc..

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..

프론트 개발자가 되고싶은데, 무에서 프로젝트를 만들 때 어디서부터 HTML과 CSS를 잡아야할지 엄두가 안났다. 또한 프론트 개발자는 퍼블리셔와 백엔드 중간다리라고 생각하기 때문에 그 모든 역할의 의미또한 알아야 한다고 생각해서, HTML CSS부터 자스기초까지 알려주는 유데미 강의를 구매헀다. 마침 특별 세일로 11,000원! 그래서 강의를 듣고 VSCode설정을 하는데 거기서 Emmet이라는 것을 설명해주었다. 처음엔 익스텐션인줄알고 찾아봤는데 없어서 확인해보니 이미 기본으로 내장이 되어있는 스니펫이었다. 다만 사용할 줄 몰랐을 뿐. (실제로 그냥 적어보니 적용되더라) 스니펫(snippet)은 재사용 가능한 소스 코드, 기계어, 텍스트의 작은 부분을 일컫는 프로그래밍 용어 Emmet in Visual..

우리 활동가 예로미가 휴먼 organization을 만들었다. 수료후에도 꾸준히 연락하며 모두 단톡방에 있으니, 최종 팀플자료를 모아두기로 했다. 최종 팀플을 새로 폴더를 복사해서 레포지토리를 파는것보다 기존에 있는 레포지토리를 그대로 다른 레포지토리에 활용할 수 있을것이라 생각해서 검색해보니 --mirror라는 명령어가 있다는것을 알게되었다. clone(non-bare)과 mirror --bare. 각각 브랜치와 참조에 대한 권한 차이가 있는데, 나는 현재버전의 기존 레포지토리를 그대애애로 브랜치까지 똑같이 가져와 쓸 것이라서 clone에 --mirror옵션을 넣은 명령어를 사용했다. $ git clone --mirror https://기존저장소주소 이후 디렉토리를 기존저장소이름.git 으로 변경해준다..

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으로 넘..