프로젝트(6)
-
[Github] 협업을 위한 템플릿 설정하기(이슈, PR)
이슈 템플릿 Settings에 들어간다. PR 템플릿 위에서 이슈 템플릿을 만들었다면 .github 폴더가 생성되었을 것이다. Add file을 통해 pull_request_template.md 파일을 만든다. 폴더 안에 원하는 양식을 작성하고, 커밋한다. 이름은 꼭 위와 같이 정해야 한다.
2022.10.25 -
[JIRA] 협업을 위한 JIRA 처음 가입하고 프로젝트 만들기
Pre-Project의 시작 이전 팀 프로젝트에서는 팀원분께서 만들어주신 Jira에서 프로젝트를 만들어 진행해서 몰랐습니다.... 저의 개인 프로젝트와 pre 프로젝트 모두 팀원분의 도메인에 작성했다는 걸... 어쩐지 안되더라구요.... Jira Software에 들어간다 Get it Free를 누른다. Next를 누른다. 사이트 도메인 이름을 누른다. 대기 간단 설문 프로젝트 만들기 도구 연결하기 완성! https://www.atlassian.com/software/jira 성공! 이제 사용자를 초대하고, 작업을 이어나가면 됩니다!
2022.10.20 -
[프로젝트 시작하기 전 봐야하는 git 컨닝노트]
실제로 프로젝트를 진행하며 도움되었던 git 명령어와 제가 사용한 상황에 대해 정리해보려고 합니다. Git 영역 Working Directory : 로컬 폴더 Staging 영역 : 수정된 코드 올리기 Repository : 원격 저장소 리포지토리 복제하기 git clone 🔔 필요한 상황 원격 리포지토리에 로컬 커밋을 올리기 위해 연결해야 할 때 git clone [url] 리포지토리와 로컬 폴더 연결하기 git remote 🔔 필요한 상황 원격 리포지토리에 로컬 커밋을 올리기 위해 연결해야 할 때 Github 리포지토리 를 이름으로 원격 저장소로 등록한다. git remote add [name] [url] // 깃허브 주소를 origin이라는 이름으로 다루겠다는 뜻 git add origin http..
2022.10.15 -
[React] 협업을 위한 공통 색 변수 저장하기 theme.js
CSS에서 색상값을 변수로 지정하여 사용해보았다. 티웨이 홈페이지를 리액트로 클론하는 프로젝트를 진행하며, 색상값을 공통적으로 사용할 수 있으면 좋을 것 같아 알아보게 되었다. CSS에서 색상값을 변수로 사용하는 법 :root { --main-bg-color : brown; } 이후에 .one { background-color: var(--main-bg-color); } 와 같이 사용할 수 있었다. 반복 코드를 줄일 수 있고 가독성을 높일 수 있다. 리액트에서 색상값을 변수로 사용하는 법 theme와 createGlobalStyle을 사용하는 법이 있다. 그 중에서 theme를 이용해보도록 하겠다. 사용할 변수들을 다음과 같이 저장한다. 따로 파일로 저장하지 않고 같은 파일 내에 변수로 선언해줘도 괜찮다..
2022.09.16 -
쇼핑몰 클론하기(2) 2주차! 나무집 짓기!
1편이 궁금하시다면 여기를 참고해주세요! 1. 프로젝트 설명 이 프로젝트는 알고리즘 스터디원들과 함께 진행한 사이드 프로젝트이다. 본격적인 협업 이전에 모두 한 사이트를 보고 html, css, javascript를 이용해서 클론하기로 하였다. 1주차에는 폴더 정리, css 등 스파게티 코드 그 자체였다. 수정하려면 모두를 건드려야 하는... 그 와중에 PR하려다가 git 문제로 파일들을 모두 날렸다. 복구하려고 노력하다가 스파게티 코드가 아니라 깔끔한 코드를 짜보자!라는 마음으로 다시 구현하였다. 2. KPT회고 2주차의 나를 KPT회고의 형태로 돌아보자. 2주차의 잘한 Keep 1) 파일 분리 및 폴더 정리 2) CSS의 flex와 grid 속성 사용 3) 커밋 메시지 4) 더미 데이터 사용 2주차의..
2022.09.01 -
쇼핑몰 클론하기(1) 1주차! 모래성이 무너졌다!!!
시작 쇼핑몰 클론하기 프로젝트는 알고리즘 스터디 팀원들과 함께 0816~0830동안 노멜렛이라는 쇼핑몰 사이트를 HTML, CSS, Javascript를 통해 클론한다. 처음으로 배운 걸 써먹는 프로젝트인만큼 아주 멋진 성을 짓고 싶었지만!!! 1주차 결과 어림도 없었다. 나는 아주 더러운 코드를 짰었다... 사이트는 얼추 비슷해보였지만 코드를 보면 아주 엉망이었다!! ㅠㅠ HTML을 작성하며 공통적인 부분을 복사, 붙여넣기 했더니 일부 수정할 때마다 고쳐야 했다. class와 id명이 많아질수록 헷갈렸고, HTML 레이아웃과 동시에 CSS를 작성하니 문제점을 찾기 어려웠고 display에 grid, flex 등등 온갖 css 속성이 섞였다. 하하... 겉으로 보기에는 조금은 괜찮아 보일지도...라고 생..
2022.08.28