본문 바로가기
반응형

분류 전체보기202

Git 브랜치 이름 변경하기 로컬 Git 브랜치 이름 변경하기 git branch -m [OLD_BRANCH] [NEW_BRANCH] 브랜치 조회하기 로컬 - git branch 원격 - git branch -r 원격 브랜치 이름 변경하기 git push origin new_branch 위에서 만든걸 그대로 push해준다 (로컬에서 변경한거니까 복사해서 올리는 개념) git push origin --delete old_branch git push origin :old_branch 이와같이 원격에서 코드를 실행해준다. 둘다 같은 명령어니 하나만 실행해주면 된다고 한다. 2022. 3. 18.
Git 협업 주요 명령어 # 맨처음 clone 받고 나서 $ git remote update 원격의 브랜치에 접근하기 위해 git remote를 갱신해줄 필요가 있다. git branch # 로컬 브랜치 확인 git branch -r # 원격 저장소 브랜치 확인 # 원격 저장소 로컬로 가져오기 git checkout -t origin/[브랜치 명 ex : front, back , master] # jira 에서 이슈 발행후 # 브랜치 만들기 전에 꼭 git pull [front or back] git switch -c [브랜치 명] # 만들자 마자 브랜치 바꿔줘서 실수를 줄여줌 or git branch [브랜치 명] git switch [브랜치 명] # 만들고 꼭 working branch를 바꿔줘야 함 # push git ad.. 2022. 3. 18.
Git 코드 컨벤션 위를 기준으로 현재 팀에서 사용하고 있는 코드컨벤션 브랜치 이름 {front or back}/{type}/{issue number}-{간단한 이슈 설명 f/feat/12-create-function 커밋 커밋 메시지 {front or back}/{type}: {설명} b/doc:update README 2022. 3. 18.
fontawesome(폰트어썸) React와 Next.js에서 사용하기 npm i --save @fortawesome/fontawesome-svg-core # Free icons styles npm i --save @fortawesome/free-solid-svg-icons npm i --save @fortawesome/free-regular-svg-icons npm i --save @fortawesome/react-fontawesome@latest 이와같이 npm을 설치해준다 물론 yarn도 있다. https://fontawesome.com/docs/web/use-with/react/ Set Up with React Font Awesome 6 brings loads of new icons and features to the most popular icon set in th.. 2022. 3. 18.
you must wrap your application in an <SSRProvider> 오류 (SSRProvider) npm run dev로 Next.js프로젝트 진행중 위와같은 알림이 떴다. 관련하여 검색을해보니 부트스트랩을 가져와 사용중인데, SSR관련해서 컴포넌트를 감싸줘서 사용해야 하는 이슈가 있었다. React는 CSR이니 상관없는데 Next.js는 신경써줘야 하는것 같다. 당장 작동은 되지만 추후 어떤 문제가 있을지 모르기 때문에 방법대로 해결 하기로 결정 https://react-bootstrap.github.io/getting-started/server-side-rendering/ React-Bootstrap The most popular front-end framework, rebuilt for React. react-bootstrap.github.io Server-side Rendering React-.. 2022. 3. 18.
Mui Appbar Link설정하기 Appbar링크관련해서 어디 나와있지않은데 일단 구현자체는 성공 이미만들어저 있는소스에다가 const pages = ['index', 'index2', 'page','page2']; const settings = ['Profile', 'Account', 'Dashboard', 'Logout']; const links = ['/','/index2','/page','/page2'] 이와같이 선언되어있는 Appbar에다가 links라는 배열을 하나 만들어주고 라우터 주소를 넣어줬다. {pages.map((page,i) => ( {page} ))} 그리고 이와같이 Appbar안에있는 Button을 Link로 감싸주고 map함수안에 인덱스를 넣어줘 Links[i]의 형태로 주소를 사용할 수 있게만들어서 구현했다... 2022. 3. 17.
반응형

티스토리툴바