📌 Repository 생성 본인의 계정이름과 같은 이름의 레포를 만들어야 합니다. 누구나 봐야하기 때문에 Public으로 선택하고 Add a README file 파일도 추가해줍시다. 📌 README.md 수정 Readme.md 파일에 작성한 정보가 프로필에 나오게 되기 때문에 이 README.md를 수정해줘야 합니다. 📌 github 꾸미기 Header - Capsule-Render GitHub - kyechan99/capsule-render: Dynamic Coloful Image Render :rainbow: Dynamic Coloful Image Render. Contribute to kyechan99/capsule-render development by creating an account on..

1. 프로젝트 3차 프로젝트 - 핼퍼로보틱스 기업협업 전체 매장 관리를 위한 관제시스템 개발 서빙 로봇의 전반적인 관제 시스템 구축하는 것을 목표 전국에 퍼져있는 서빙 로봇의 현재 정보와 발생하는 오류를 실시간으로 서버에서 받아와 사용자에게 보여주는 것이 프로젝트의 주된 목적 개발 인원: 프론트엔드 3명 개발기간 : 2022/11/14 ~ 2022/12/08 적용기술 개발 환경 : React.js 스타일링 : Scss, Eslint, StyleLint 비동기 통신 : Axios, React-Query 지도 : react-kakao-maps-sdk 차트 : react-chartjs-2 아이콘 : react-icons common : Git, GitHub 협업툴 : Figma, Notion, Trello, ..

⚡️.env파일 만들기 깃에. env파일이 올라가면 안될때 사용 ( API나 토큰번호 ) .gitIgnore에. env를 꼭 추가시켜줍니다 .gitignore 폴더 .env 추가 ⚡️변수 내용 작성 파일 안에 저장할 환경변수 내용을 적어줍니다. 이때 중요한 점은, 반드시 변수명 앞에 REACT_APP_ 을 붙여줘야 합니다 이걸 붙여주지 않으면 리액트 앱에서는 변수를 불러오지 않는 것으로 확인됐어요 .env 폴더 REACT_APP_SERVER_URL= 'API주소' REACT_APP_JAVASCRIPT_KEY= K MAP 자바스트립트키 REACT_APP_GETALLERROR= 'API주소경로' ⚡️등록한 변수 사용하기 리액트는 라이브러리나 컴포넌트 사용 시 import를 꼭 해줘야 하지만, .env에 등록..

⚡️Git Repository를 복사하는 방법 1. 기존 Git Repository 현재 버전을 복사하여 다른 프로젝트로 활용하고자 하는 경우 2. git clone 의 mirror 옵션으로 모든 이력을 갖고 온 뒤, github상에 새로 만든 repository에 push 하는 것 3. 복사할 repository를 --mirror 옵션으로 clone한다. 4. --mirror 옵션을 넣으면 커밋이력까지 함께 갖고온다 5. 폴더를 생성 ⓵ VS code를 실행 ⓶ 터미널 실행 git clone --mirror {old_repository_url} 1. 디렉토리가 생성되면 폴더를 git 폴더 안으로 이동한다 2. 터미널을 실행시켜 전 Repository를 clone 해온다 git remote set-ur..

1. 프로젝트 wecode 38기 2차 프로젝트 프로젝트 사이트 -> StubbyPlanner 스투비 플래너는 유렵 여행을 보다 쉽게 플랜을 기획 할 수 있고 또한 전문가의 플랜을 이용 할 수있는 사이트 입니다. 위투비는 해당 사이트를 모티브하여 국내 여행 계획을 보다 쉽게 기획 할 수 있도록 도와주는 사이트입니다. 개발 인원: 프론트엔드 3명, 백엔드 2명 개발기간 : 2022/10/31 ~ 2022/11/11 적용기술 Front-End : Javascript, React.js, Styled Component, React Router, Create React App Back-End : Node.js, Express, MySQL, EC2, RDS, S3, PostMan common : Git, GitHu..

import React, { useState } from 'react'; import First from './components/First'; import Second from './components/Second'; import Third from './components/Third'; import './MenuTab.scss'; const MenuTab = () => { const [currentTab, setCurrentTab] = useState('First'); return ( Menu Tab {TAB_ARR.map((tab, index) => ( setCurrentTab(tab)}> {tab} ))} {MAPPING_OBJ[currentTab]} ); }; export default Menu..