Sookmyung APPS

2023-1 Web Basic Study

💻 10기 신입 부원을 위한 웹 프론트엔드 기초 스터디 💻

스터디원

• 멘토: 서정연, 신진영, 오지수, 조영서
• 멘티: 경민서, 류미성, 윤현서, 이지은, 이채은, 이해림, 정나윤, 정서연, 정지원

스터디 규칙

• APPS 10기 신입 부원은 필수로 참여합니다.
• 매주 수요일 밤 11시 59분 이전까지 해당 주 학습내용(내용 정리, 실습 코드) 및 과제 PR을 보냅니다.
  • 만약 이전 과제의 수정 요청이 들어왔다면 함께 수정하여 제출합니다.
  • 아래의 폴더 구조, Commit 규칙, PR 규칙을 준수해주세요!
• 스터디는 매주 목요일 정기 세미나가 종료된 후 진행됩니다.

커리큘럼

주차	멘토	공부내용
HTML, CSS, JS
1주차	신진영	HTML
2주차	서정연	CSS
3주차	조영서	JavaScript Introduction
4주차	오지수	JavaScript In Webpages
ReactJS
5주차	신진영	The Basics Of React & STATE-1
6주차	서정연	STATE-2 & PROPS
7주차	조영서	Create React App & Effects
8주차	오지수	Practice Movie App

폴더 구조

• 과제 제출은 다음과 같은 폴더 구조를 따릅니다.
  • 이름/n주차 과제/과제물
  • ex) 홍길동/1주차 과제/index.html
• 실습 내용 제출은 다음과 같은 폴더 구조를 따릅니다.
  • 5주차, 6주차
    • 이름/react-for-beginners/실습 코드
  • 7주차, 8주차
    • 이름/my-first-react-app/실습 코드

Commit 규칙

• Commit Message는 다음을 참고합니다.
  • ➕ Feat: 실습, 과제 코드 파일이나 부수적인 코드 추가
  • ☑️ Fix: 코드 및 내부 파일 수정
  • ✏️ Style: 문법 오류 해결, 타입 변경, 이름 변경 등의 코드 자체의 변경이 없는 작은 수정
  • 🗑️ Del: 쓸모 없는 코드 혹은 파일 삭제
  • 🚚 Move: 프로젝트 파일 및 코드 이동
  • 📛 Rename: 파일 이름 변경
  • 🔀 Merge: 다른 브랜치와의 충돌 해결 후 Merge
  • ♻️ Refactor: 전면 수정
• ex)
  • Feat: 6주차 과제 및 실습 코드
  • Style: 4주차 과제 index.html 문법 오류 수정
  • Move: 5주차 파일 경로 수정

PR(Pull Request) 규칙

• 각 스터디별 repository를 fork해서 본인 이름으로 만든 폴더에서 작업하고 commit후 Pull request를 보냅니다.
• PR은 각 주차별 학습내용정리와 과제 내용 commit을 함께 보냅니다.
• 제목은 [n주차 웹 기초 스터디] 이름으로 설정합니다.
  • ex) [2주차 웹 기초 스터디] 홍길동
• 내용은 어려웠던 점과 배운 점 등 자유롭게 작성합니다.

스터디 자료

• HTML, CSS, JS: vanilla coding. starter kit
• React: 노마드 코더, ReactJS로 영화 웹 서비스 만들기