본문 바로가기

programming study/항해99 커리큘럼

 (82)
[항해99 1기] [Chapter6] 실전 프로젝트 (6) (2021.4.29) 실전 프로젝트에 대한 일지 오늘한 것 오전 회의 지수별로 기준을 정하기 지수 -> 좋음/나쁨 백엔드에서 계산이 너무 많고 무거워지므로 프론트 단에서 지수 변환을 해야 함 특정 range에 들어가 있으면 좋음/나쁨 표시 각각의 데이터에 좋음/나쁨 기준이 있음 open api 참고 프론트에서 보낼 데이터 api 주소에 get 요청 보내기 body: 위경도값 클라이언트 사이드에서 작업시 알고리즘 노출 주의 moc API 보건 기상 지수 uvToday oakPollenRisk finePollenRisk 감기 가능 지수 식중독 천식 주 날씨 정보 7일을 배열 형태로 준다. 인덱스 0은 오늘 일단 뽑아내기만 할 것 디자인 main 상단 쪽에 시간/날짜 표시 이번주 날씨 정보도 추가 input range 변경 소요 ..
[항해99 1기] [Chapter6] 실전 프로젝트 (5) (2021.4.28) 실전 프로젝트에 대한 일지 오늘한 것 회의 백엔드 오픈소스 불러오는 엔티티 완성 코드도 완성 데이터 테이블 완성 notion에 게시 예정 프론트 세팅 끝 https 알아보는 중 멘토링 PWA를 만들고 플레이스토어, 앱스토어에 배포하고 싶은데 HTTPS가 필수인지? 크롬 익스텐션으로는 배포를 해봤다. https 프론트 - 백엔드 다 해야한다. 구글은 무조건 https로 해야한다. 프론트는 https는 어렵지 않다. 백엔드 https 세팅: ec2주소는 SSL발급받지 못한다. 무조건 도메인을 사서 SSL인증서를 발급받아야한다. 일반적인 웹을 만들고 pwa를 적용하고 스토어에 올려보는 순으로 해보아라. 우선순위 잘 판단할 것 한 것 최소단위 컴포넌트 세팅 최소단위 컴포넌트 - typescript 연동 Rang..
[항해99 1기] [Chapter6] 실전 프로젝트 (4) (2021.4.27) 실전 프로젝트에 대한 일지 오늘한 것 회의 캐릭터 브레인 스토밍 집 캐릭터 점수가 더 큰게 좋을 지 기온이 더 큰 것이 좋을 지 일별 외출 난이도 vs. 시간대별 외출 난이도 시간대별 외출 난이도 기온 vs 외출 난이도 중요도 외출 난이도를 더 중점 뉴모피즘 실시간, 시간, 일별로 보여준 정보를 분류 아침, 점심, 저녁 별 당일 데이터 - 기온, 전일 코로나 확진자 수, 자외선 지수, 꽃가루 농도 지수, 식중독 지수, 감기 가능 지수, 천식폐 질환 지수, 미세먼지, 하늘 상태 시간대별 - 기온, 하늘상태 일 - 기온, 외출점수, 하늘 상태 외출 점수 산정을 하루 일괄적으로 한번 만 하는 것이 어떤가 최저 기온, 최대 강수 확률을 기준으로 화면 데스크탑: 모든 컨텐츠 보여주도록 핸드폰 보여줄 기간을 정하기..
[항해99 1기] [Chapter6] 실전 프로젝트 (3) (2021.4.26) 실전 프로젝트에 대한 일지 오늘한 것 회의 프론트 디자인패턴 현상유지 할듯 아톰 디자인과 기존 방식의 차이가 없다. 타입스크립트, pwa, s3를 S.A 피드백 시간에 질문할 것 디자인 우선사항: UI/UX, 와이어프레임 백엔드 API 호출 최소화 오픈 API 서버, 오리진 API 서버 운용 방식을 정하는 중 S.A 피드백 질문 사항 비로그인 사용자에 대해서 선별 처리할 것인지 오픈 API를 여기저기서 불러오는데, API를 한꺼번에 만들어서 보낼 지 아니면 각각 만들어서 할 지 ELK에 대해서 SA 피드백 외출을 할 때 보는 것이다 유저가 수동적으로 받아볼 수 있도록 새벽 6시에 e-mail을 보내주는 방식 - 이것도 디자인이 필요할 듯 or 알림톡 사업자 등록을 해야할 수도 오늘의 날씨 변화에 대한 정..
[항해99 1기] [Chapter6] 실전 프로젝트 (2) (2021.4.24) 실전 프로젝트에 대한 일지 오늘한 것 회의 사용자 선호도 조사 방식의 변경 input, type: range로 한 페이지에 직관적으로 보여주기 더 많은 설정을 보여주는 방식? -> 프론트에서 고민해보기 input range의 value가 바뀔 때마다 실시간 적용 디바운스? 스로틀 아마 디바운스가 적절할 듯 사용자가 0점으로 한 것을 제외하고 점수가 있는 것들만 위에 보여지도록 비로그인이면 기본값 첫 로그인 or 비로그인이면 선택 권장 문구 띄우기 월요일에 전체 회의 크롬익스텐션 or pwa로 앱 전환 캐시 용도로 레디스 db 사용 예정 프론트엔드 회의 설계를 체계적으로 잡아보자 리덕스 덕스 구조말고 다른 것을 사용해 보기 미들웨어를 다른 것 사용해보기 최소단위 컴포넌트 잘 만들어보기(재사용성) 앱에 필요..
[항해99 1기] [Chapter6] 실전 프로젝트 (1) (2021.4.23) 실전 프로젝트에 대한 일지 오늘한 것 발제 아이스 브레이킹 이후 진행할 프로젝트에 대한 발제 Project Manage, Team norm 설명 프로젝트 노션 생성 프로젝트 진행에 사용할 구글 시트 공유 회의 어떤 정보를 넣을 지, 어떻게 표현할 지 디자인, 프론트 엔드의 협력 중요 커스터 마이징 알고리즘 백엔드 이번 프로젝트에서 프론트는 백엔드로부터 받아온 정보를 출력하는 것이 주가 될 것 코드 컨벤션 장할것 전체적인 콘셉트 테마 정하기 s3, ec2 방식으로 진행 프론트 엔드, 백엔드 나누어서 Git 브랜치 사용 디자인은 데드라인을 명확하게 정하기 프로젝트 테스크 관리 각자 팀원 성향, 진행 상황 파악 후 정하기 프론트는 어떻게 할 지 정할 것 도커? 자동 빌드? 어떤 날씨 정보를 넣을 지? 친구들에..
[항해99 1기] [Chapter5] 미니프로젝트 (11) (2021.4.21) 미니 프로젝트에 대한 일지 1. 오늘 한 것 반응형 디자인 적용 이미지 프리뷰 unmount될 때 사라지게 하기 가로모드 감지 가로모드 전환 감지시 경고창 띄우기 카테고리 기능 추가 채팅방 생성시 카테고리 설정 카테고리별 채팅방 조회 채팅방 생성시 카테고리 삭제 기능 중복 카테고리 설정 방지 메시지 프로필 네임 적용 수정 2. 해야할 것 리팩토링 오류 관련 처리 코드리뷰 README.md 작성
[항해99 1기] [Chapter5] 미니프로젝트 (10) (2021.4.20) 미니 프로젝트에 대한 일지 1. 오늘 한 것 기본 프로필 이미지 설정 웹소켓 readyState 문제 해결 readyState가 1일때 setTimeout 함수를 사용하여 실행이 될때까지 반복하도록 함 코드 파일의 오타 수정 서버 IP 변경 웹소켓, axios IP 수정 Image 스타일링 설정 프로필 사진 출력 수정 채팅방 생성 시 이미지 추가 기능 설정 사용자 프로필, 채팅방 이미지 뷰에 적용 2. 해야할 것 이미지 프리뷰 unmount될 때 사라지게 하기 에러 관련 처리 반응형 디자인 적용

티스토리툴바