2023/01/07(토)

1. 폴더 구조 설정

• 폴더 구조 예시:

[react] 리액트 프로젝트의 폴더구조

javascript에 대한 기본적인 사용법을 익히고 '아 이제는 리액트를 찍먹해볼까?' 하고서 도전한 리액트. 다른 무엇보다 리액트라는 라이브러리(혹은 프레임워크)가 어떤, 뭐하는 것인지 정확히 이해하기 어려웠다. 무슨 이전의 JS는 실제 DOM을 조작하는데 반해, react는 가상의 DOM을 사용한다. state는 뭐고, flux 구조는 뭐다 등등. 알아듣는데 문제가 생기기보다는 '그래서 이게 어디에 쓰이고 왜 쓰는데?'

https://velog.io/@raverana96/react-%EB%A6%AC%EC%95%A1%ED%8A%B8-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8%EC%9D%98-%ED%8F%B4%EB%8D%94%EA%B5%AC%EC%A1%B0

• 다른 의견: post, comment와 같은 기능들이 있으면 post폴더 내부에 post와 관련된 tsx나 css 파일들이 전부 들어가는 형식도 좋을 것 같음. 경로명만 봐도 어떤 기능을 위한 파일이 import되고 있고 또 어떤 기능에 문제가 있을 때 해당 경로로 찾아가서 원인을 찾을 수 있도록 하기 위함

• 결론: 하나의 폴더내에 특정 기능들과 관련된 모든 내용을 담도록 설정

2. css normalize vs css reset

• 참고 글:

CSS Normalize와 CSS Reset

이번 포스팅에서는 CSS Reset(리셋)과 CSS Normalize(노멀라이즈)에 대해서 알아보도록 하겠습니다. 세상에서는 여러가지 브라우저가 있으며 우리가 만든 웹사이트나 웹 애플리케이션이 이 중 어떤 브라우저에서 돌아갈지는 알 수 없습니다. 여기서 문제는 소위 User Agent Stylesheet라고 불리는 브라우저 내장 스타일이 브라우저마다 조금씩 다르다는 것 인데요. 다시 말해서, 우리가 만든 UI가 크롬(Chrome)에서 열었을 때와 사파리(Safari)에서 열었을 때 다르게 보일 수 있다는 말이 되겠지요?

https://www.daleseo.com/css-normalize-reset/

• 요약하면 reset css는 브라우저 내장 스타일을 극단적으로 초기화 함.

• 결론: 현재 진행중인 프로젝트는 규모도 작고 기간이 짧은 만큼 모든 스타일 요소를 변경할 여유가 없을 것 같아 normalize를 적용

3. 프로젝트 초기 세팅 완료(by 조예지)

• 폴더 구조, eslint, prettier, 라우터, 글로벌 스타일, 테마 설정 완료

• 라우터는 각자 맡은 페이지 경로를 설정하여 사용

• 언성 히어로 화이팅!

4. commit 이모지 참고 링크

[협업] 협업을 위한 git 커밋컨벤션 설정하기

들어가며 어떻게 하면 협업을 더 잘할 수 있을까 고민하며 협업에 필요한 내용들을 계속 정리하고 있습니다. 앞으로 저와 함께 협업하는 팀원분들에게 도움이 되고 싶습니다. 이 글은 Udacity Git Commit Message Style Guide를 주로 참고하여 작성했습니다. 세부적인 내용은 프로젝트에 맞춰 수정할 수 있습니다.

https://overcome-the-limits.tistory.com/entry/%ED%98%91%EC%97%85-%ED%98%91%EC%97%85%EC%9D%84-%EC%9C%84%ED%95%9C-%EA%B8%B0%EB%B3%B8%EC%A0%81%EC%9D%B8-git-%EC%BB%A4%EB%B0%8B%EC%BB%A8%EB%B2%A4%EC%85%98-%EC%84%A4%EC%A0%95%ED%95%98%EA%B8%B0

6. 기타 회의 내용

• 고생하셨습니다@.@