<윤호>
- 팀 회의 시간 정하기
- 매일 1시 전체 스크럼 이후
- 주말 오프라인 + 유동적 정하기 + 모각코
- 오프라인 미팅 가능 요일 사전조사하기
- 지은 : 월 저녁 8시까지면 가능, 이번주 금요일 저녁 X
- 은찬 : 화, 목 저녁 9시 이전까지면 가능
- 윤 : 모두 가능
- 윤호 : 모두 가능
- 리액트 강의 진도율 각자 체크하기
- 지은 : 2강 듣는 중
- 은찬 : 3강 시작
- 윤 : 4강 들을 차례
- 윤호 : 3강 시작
- commit-citizen & PR템플릿 설정 참고자료 추가
- commitizen은 개인 환경에서 구축인듯!
- pr템플릿 정하기
- eslint, prettier 설정 이야기 나누기
stylelint는?- lint는 react
- 윤님이 알아오신 emotion + lint가 좋아보임!
- 속성의 cascading 우선순위에 따라 순서까지 포맷팅해주는게 있었는데 그게 머였더라...
- ex) display속성이 color속성보다 더 상위로 포맷팅 - 이게
stylelint아닌가요??- 그런가요??
- uiux 작업, 누가 언제까지 어떻게?
- 로그인, 회원가입, 마이페이지, 카드생성페이지
- 로고, 디자인시스템(컬러, 폰트, 사이즈..등등)
- 서비스 흐름도 정리하기 - 윤호
- 화요일까지 UIUX, 디자인 시스템, 대략적으로라도 정하고 수요일날 팀 회의때 공유 및 논의한 이후 프로젝트 셋업 진행
- 프로젝트 셋업은 제가 진행해도 괜찮을까요!? 셋업하고 바로 문서화해서 공유하겠습니다!
- 수요일까지!
- UIUX, 디자인 시스템 - 지은, 윤
- 기술스택, 컨벤션, 디렉토리구조 프로젝트 셋업 - 은찬, 윤호
- 웹팩 설정 → 배포, 시나리오 이야기 나누기
- netlify vs vercel
- create-react-app은 netlify로 배포하는게 자료는 많아 보임
- 웹팩 설정으로 무엇을 해야할까?
- 기본설정으로
- 배포시나리오
- yarn build → build 폴더 생성
- 단순하게 깃헙에 업로드만 하면될까?
- emotion은 sass를 지원하지 않는다??
emotion vs sass- 아직까진 emotion을 사용하는게 좋아보임
- 레포지토리 운영방식
- organization 폐쇄
공식 레포에서 각자 포크받아서 운영하기- private계정이라 포크할 의미가 없을듯
- 공식레포에서 운영
- 페이지 추가
- 깃 케이스, 문법, 시나리오 기록 및 공유 페이지
- 에러 해결 기록 및 공유 페이지
- 스크럼 페이지 기존페이지 처럼 운영
<윤>
emotion의 2가지 사용법
import { css } from '@emotion/react' // 이거 사용 시 storybook에서 에러남 import styled from '@emotion/styled'
해결책
매번 파일 위에
/** @jsxImportSource @emotion/react */를 써주면 해결
또는 뭘 엄청 깔면서 바벨 설정을 변경해야함(굉장히 번거로움)..
emotion도 scss와 비슷한 기능 쓸 수 있음
인라인 스타일?
import styled from '@emotion/styled' const Button = styled.button` color: ${props => props.primary ? 'hotpink' : 'turquoise'}; ` const Container = styled.div(props => ({ display: 'flex', flexDirection: props.column && 'column' })) render( <Container column> <Button>This is a regular button.</Button> <Button primary>This is a primary button.</Button> </Container> )
- ui시안 만들 때 모바일 버전도 같이 만들어야 할 것 같다 - 그리드 작업도 해야할 듯
- 와이어프레임 만들고 gui적용할 지, 지금 되어있는 컨셉으로 ui+gui같이 작업할 지?
- ui어느정도 잡히면 공통 컴포넌트먼저 뽑아서 작업해야할지? 누가? 언제까지?
- 구현 시작하기 전 만들어놔야할 것 - color, typo변수, mediaquery함수 ...