Projects57 210708(목) - 세팅 완료, 디렉토리 관련 논의, 컴포넌트 제작 시작 1. 세팅 완료 (프론트) 2. 디렉토리 관련 논의 (프론트) 3. 컴포넌트 제작 시작 (프론트) 1. 세팅 완료 (프론트) 파일 확장자 .js vs .jsx 파일 확장자를 .js 또는 .jsx로 설정하는 부분에서 발생하는 기술적인 차이는 없다. .js를 사용하더라도 바벨에 의해서 jsx 확장자가 트랜스파일링 되므로 어떤 확장자를 사용하든지 상관이 없다. 그래서 어떤 것을 사용하든지 상관 없는 입장. 두 확장자를 비교하면 오히려 공식적인 문법이 아닌 .jsx 확장자가 .js에 밀리는 느낌이었다. 사실 어느 한 부분이라도 사용해야만 하는 이유가 있었다면 사용했을 것 같은데, 찾지 못했다. 결국은 .jsx가 표시함으로써 얻는 얻는 이득이 마땅히 없고 오히려 jsx가 공식적인 문법이 아니라는 점 때문에 .js.. 2021. 7. 8. 210707(수) - Git 전략, 기획, API 논의 및 초기 세팅 1. 팀 Git 전략 수립 (프론트 + 백) 2. 기획 재논의 (프론트 + 백) 3. API 구조 논의 (프론트 + 백) 4. 초기 설정 (프론트) 팀 Git 전략 수립 (프론트 + 백) 규칙 (Branch) main - develop - feature/social - feature/frontend 와 같은 형태로 브랜치 따기 (Branch) feature 브렌치는 나중에 지운다 (Issues) 라벨은 프론트엔드, 백엔드 붙이고 뒤에 작업(docs, feature, fix 등 관련된 것들) 붙이기 (Issues) 프론트엔드, 백엔드 공통이면 라벨(프론트엔드, 백엔드) 붙이지 않기 (Issue 및 PR) 등록할 때 관련 있는 사람 할당하기 (Projects) 데모 데이 기준으로 생성하기 -> 앞으로 dem.. 2021. 7. 7. 210706(화) - 디자인 시안 마무리 디자인 1. 메인 페이지 시각적인 효과를 극대화하기 위해서 원 그래프로 정보를 제공하면 좋겠다고 생각했다. 왼쪽 상단부터 2번째 칸(백신 티켓 - 아스트라제네카)이 백신의 티켓과 접종 여부의 수평, 텍스트, 오른쪽 하단의 시간 표시가 안정감을 주는 구조로 되어 있어서 가장 이상적이라고 생각했다. 색은 코로나19 예방접종 대응추진단에서 제공하는 백신 고유 색깔 인식표를 참고하여 티켓 색으로 참조했다. 정확한 색은 전체적인 디자인을 위해서 웹 접근성을 고려하면서 채도를 조금 낮춰 더 연한 색으로 변경할 계획도 가지고 있다. 2. 접종 후기 페이지 일반 게시판에서 백신이라는 요소가 포함되어 글 목록을 구성하는데 어려움이 있었다. 메인 페이지에서 게시판을 간략하게 보여주는 템플릿과 통일시키는 게 맞다고 생각했다.. 2021. 7. 6. 210705(월) - 디자인 시안 제작 디자인 1. 전체적인 테마 기존에 neumophism으로 앱의 전체적인 디자인을 하고 싶었다. 최신의 디자인 트렌드였고, 전체적인 테마가 썩 마음에 들었기 때문이다. 하지만, 우리가 만들고자 하는 앱은 통계 수치가 들어가는 등 그 정보들을 더 정확하게 표현할 필요성이 있었다. 이런 면에서 음영의 표현으로 된 neumophism은 적합하지 않다는 생각이 들었다. 2. 색 백신 후기 공유 앱의 성격 중 신뢰성도 포함된다고 생각했고, 백신의 이미지도 적합하다고 생각해서 전체적으로 흰색 계열로 색을 지정했다. 로고에 따라서 포인트 색을 지정할 예정인데, 아직 미정이다. 3. 게시판 3-1. 미인증을 없앤 이유 기존에 게시물의 인증의 구분은 미인증과 인증으로 두었다. 사용자의 입장에서 생각해봤을 때, 인증과 비교.. 2021. 7. 6. 이전 1 ··· 11 12 13 14 15 다음