https://github.com/f-lab-edu/red-yoo-toss-tech

https://github.com/f-lab-edu/red-yoo-toss-tech

frontend

Last synced: 13 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/f-lab-edu/red-yoo-toss-tech
• Owner: f-lab-edu
• Created: 2023-02-14T06:21:22.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-01-16T23:45:01.000Z (about 1 year ago)
• Last Synced: 2024-04-16T17:32:21.827Z (10 months ago)
• Topics: frontend
• Language: CSS
• Homepage:
• Size: 5.91 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# red-yoo-toss-tech

## 개요

red-yoo-toss-tech(RYTT)는 vanilla JavaScript로 toss tech페이지를 만들면서 front-end의 기초적인 설계와 구현능력을 성장시키며 git에 대한 이해와 협업과 코드리뷰에 대한 이해를 향상시키는 목적으로 만들었습니다.




## 프로젝트 소개

[tosstech 페이지](https://toss.tech/tech)을 기반으로 만듭니다.

페이지 예시






페이지 section을 나누어 Component단위로 작업합니다.

- nav section : logo, gnb..등이 존재합니다.

- main section : 개발 기술에 대한 list들이 존재합니다.

- employment section : 채용 공고에 대한 내용들이 존재합니다.

- footer section : 피드백 보내기, 회사소개, 고객센터...등이 존재합니다.




## 사용한 기술

- HTML

- CSS

- JavaScript




## Git 전략

github에서 코드리뷰를 주기적으로 받으며 빠른 피드백을 통한 학습능력 증진이 목표이기에

 이 프로젝트에 git전략을 github-flow을 채택하였습니다.






## 커밋 메시지 

[커밋 메시지 참고사이트](https://github.com/RomuloOliveira/commit-messages-guide/blob/master/README_ko-KR.md)

- 명령조로 작성한다.

- 첫 번째 문자를 대문자로 작성한다.

  - ex) Feat : ~~기능 개발

- 변경사항이 무엇을 의미하는지 알 수 있도록 하기

- 커밋 메세지 본문에 "왜", "무엇을 위해", "어떻게" 변경했는지 상세 내용을 추가설명한다.

- 맥락 없는 총칭적 메세지는 자제한다.




## 커밋 컨벤션

Feat : 새로운 기능에 대한 커밋

Fix : 버그 수정에 대한 커밋

Build : 빌드 관련 파일 수정에 대한 커밋

Chore : 그 외 자잘한 수정에 대한 커밋

Ci : CI관련 설정 수정에 대한 커밋

Docs : 문서 수정에 대한 커밋

Style : 코드 스타일 혹은 포맷 등에 관한 커밋

Refactor :  코드 리팩토링에 대한 커밋

Test : 테스트 코드 수정에 대한 커밋

ex) Feat : Nav-component 카테고리버튼 기능 구현




## Pull requests 메세지 컨벤션

Issue-number + 개발 내용

ex) Issue 2 Nav-component 카테고리버튼 기능 구현




## Issue 내용 컨벤션 예시

상세 내용 : todo blabla

To-do

- [ ] todo 1

- [ ] todo 2