programming study/항해99 커리큘럼 (82) 썸네일형 리스트형 [항해99 1기] [Chapter6] 실전 프로젝트 (21) (2021.5.17) 실전 프로젝트에 대한 일지 한 것 디테일 페이지 24시간 정보 출력 큰 카드 안에 줄 형식으로 변경 헤더 기온 카드 평균 기온으로 출력 메인 날씨 캐릭터 클릭시 말풍선 기능 추가 애니메이션 효과 미세먼지 WHO 기준으로 변경 아이콘 변경 식중독 습도 강수확률 데스크탑 뷰 다듬기 (상세 페이지) 할 것 광고 넣기 타입 모듈화 코드 스플리팅 리팩토링 외출 점수 강조 알고리즘 수정 뒤로가기 할 시, 해당 스와이프 보여주기 정보 초기화 기능 메인화면에서 안내 문구 띄우기 (홈화면) [항해99 1기] [Chapter6] 실전 프로젝트 (20) (2021.5.15) 실전 프로젝트에 대한 일지 한 것 강수 기준 조정 강수율로 적용되어 있지 않아 수정 메인페이지 수정사항 적용 카드 텍스트 위치 수정 시간대별 날씨 중앙 맞춤 시간대별 강수 %표시 및 중안 맞춤 이번주 날씨 점수 중앙 맞춤 및 텍스트 크기 조정 푸터 비활성화 메뉴 색상 연하게 조정 페이지네이션 표시 위치 조정 상세 페이지 알고리즘 수정 현재 시간부터 나오도록 수정 1시간 단위 표시 상세 페이지 스타일 조정 전체적인 레이아웃, 간격을 피그마를 기준으로 정렬 버튼 너비 조정 일별 날씨 카드 뷰 수정 위치 페이지 스타일 조정 글자 및 아이콘 피그마 기준으로 맞춤 지역선택 글자 크기 조정 및 간격 통일화 일부 기기 (아이폰5, se, 7+, 8+, 9+)에서 지역 경기도 할 시, 텍스트가 넘쳐서 overflow-.. [항해99 1기] [Chapter6] 실전 프로젝트 (19) (2021.5.14) 실전 프로젝트에 대한 일지 오늘한 것 프론트 회의 개선사항 (버그, 뷰 깨짐) 발생시 조치 조치 전 소통하기 구현할 기능 생기면 구현하기 토스트 작업 버그 수정 멘토링 완성도 높게 잘 했다.☺️👍 사용자 입장시, 아이폰 안드로이드 별로 안내 하기 쉬면서 주말에 지인과 약속을 잡아 피드백 받기 군더더기를 더하지마라 디테일을 먼저 챙길 것 월요일에 공유를 하며 개선 전체 회의 디테일 페이지 2개짜리 카드 디자인 개선 필요 게시글 이스터 에그 넣기 미세먼지 WHO 기준으로 넣기? 캐릭터 말풍선 아이콘 이름을 보내면 서버가 messeage를 보내준다. 한 것 스타일 조정 로고 변경 개선사항 페이지 input value 관련 에러 수정 이번주 날씨 점수 수정 메타태그 적용 메인페이지 표시 아이콘 현재 날씨로 변경.. [항해99 1기] [Chapter6] 실전 프로젝트 (18) (2021.5.13) 실전 프로젝트에 대한 일지 한 것 README.md 초안 작성 PreSetting.tsx, LocatinSetting.tsx 버그 수정 Detail.tsx 아이콘 적용 svg 파일 사용을 위한 코드 수정 App.tsx 함수 비동기 처리 반응형 디자인 적용 미디어쿼리를 이용하여 포터블 기기 뷰 최적화 데스크탑모드 불편사항 보내기 기능 구현 디자인 수정사항 적용 할 것 구글 개발자 계정 만들기 광고 넣는 법 SEO 타입 모듈화 코드 스플리팅 리팩토링 [항해99 1기] [Chapter6] 실전 프로젝트 (17) (2021.5.12) 실전 프로젝트에 대한 일지 오늘한 것 전체 회의 api호출 시 각 메소드마다 토큰 안 줘도 됨 새로운 유저 정보를 만들어 서버가 그 정보를 줄 것 그 안의 식별값을 사용 불편 사항 보내기 알림톡으로 가능 디자인 시간대별 날씨 아이콘 적용하기 PreSetting.tsx 세번째 슬라이드로 튜터링 인증서는 보통 다르게 운용 서버, 클라이언트 배포 자동화를 추천 push할 때 merge하기 전에 전 테스트 코드를 자동으로 돌려서 merge 깃 액션 테스트 코드 기능을 처음 개발할 때 유용 특히 수정할 때 프론트 회의 Range 바뀔 때 반영이 안 된다. ui반영이 안 됨 imuttable하게 업데이트 하지 않아서 스프레드 문법으로 통째로 바꾸기 or immer 한 것 스피너 라웉너 수정 및 api 호출 수정 아.. [항해99 1기] [Chapter6] 실전 프로젝트 (16) (2021.5.11) 실전 프로젝트에 대한 일지 오늘한 것 전체 회의 배포 후 HTTPS 환경에서의 오류 해결을 위한 팀 작업 실시간으로 피드백, 오류해결 preference 오류 location setting 오류 한 것 카카오 공유 api 이미지 보내기 서비스워커 오류 해결 중 아이콘 크기 수정 range 디자인 수정 할 것 구글 개발자 계정 만들기 광고 넣는 법 SEO 타입 모듈화 코드 스플리팅 리팩토링 데스크탑 뷰 만들기 preference 버그 수정 detail 디자인 반응형 디자인 적용 [항해99 1기] [Chapter6] 실전 프로젝트 (15) (2021.5.10) 실전 프로젝트에 대한 일지 오늘한 것 전체 회의 구글 개발자 계정 전재민 데스크탑 모드 스와이프는 한 화면에 세번째 스와이프에 설정 조정 추가 크기별 로고 64, 152, 167, 180, 192, 512 https 이슈 해결 mixed content 이슈 서버 - 클라이언트 통신 둘 다 https로 맞추어야 함 한 것 service worker 세팅 https 환경에서 오류 발생 LocationSetting 위치 삭제 기능 구현 앱 로고 적용 NotFound 페이지 구현 날씨 이미지 적용 할 것 구글 개발자 계정 만들기 광고 넣는 법 SEO 타입 모듈화 코드 스플리팅 리팩토링 데스크탑 뷰 만들기 preference 버그 수정 detail 디자인 카카오 공유 기능 이미지 추가 반응형 디자인 적용 코드리뷰 template를 만들자 협업 시 형식 정하기 한 프로젝트에서 여러 코드타입이 나오는 것을 방지 console.log 프로덕션에서 보이지 않도록 하기 로거함수를 사용하여 개발 단계에서는 사용하되, 사용자가 볼 수 없도록 한다. 환경 체크를 하여 프로덕션인 경우 출력하지 않게 함 주석 잘 달기 함수가 하는 일 파라미터로 무엇을 받아오는지 리턴값은 무엇인지 함수 사용방법 컴포넌트 어떤 컴포넌트인지 필요한 props가 무엇인지 컴포넌트 사용방법 들어가면 좋은 것 작업자 수정사항 return 최대한 단순하게 연산자를 넣어 return하는 것을 자제 성능에 안좋은 영향을 끼친다. 삼항 연산자 너무 많이 사용하는 것은 바람직하지 않다. if문으로 사용하여 대체 네비게이션 hash 이동 push말고 replace를 .. 이전 1 2 3 4 5 ··· 11 다음