Giter Club home page Giter Club logo

project-react-2-parkdongjo's People

Contributors

parkdongjo avatar wholemann avatar

Watchers

 avatar  avatar  avatar  avatar

Forkers

parkdongjo

project-react-2-parkdongjo's Issues

[week2] 2주차 Tasks

[ 프로젝트 ]

간단한 Git book 사이트 만들기

[ 사용자 전달 가치 ]

글쓴이의 정리된 지식을 볼 수 있다.

[ 2주차 목표 ]

  • Body 레이아웃 완료
    [ ] 라우팅될 각 페이지 컴포넌트 뼈대 구현
    [ ] 각 페이지별 라우트 구현

  • 리덕스 구조 구현
    [ ] Stroe / Action 구조 만들기

  • 2차 배포 진행
    [ ] 배포하기

[week5] 백엔드 구축하기 1차 작업

AWS serverless web aplication 환경을 구축한다.

[ 주요기능 ]
기본 인프라 구축

[ 목표 ]

  • dev 환경 구축 (prod는 이후에)
  • testFunction 의 hello world 받아오기

vpn | subnet
ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ
route 53 - api gateway - lambda - DynamoDB | S3

AWS

  • route 53
  • vpn 구축
  • api gateway
  • lambda (node.js)
  • DynamoDB
  • S3

[week7] 7주차 tasks

[7주차 작업목록]

  • 모노레포로 전환 검토 (front, api, ci 가 함께 관리 될 수 있도록)

  • route53 달기, 도메인 신청하기
    ( 현재 구축한 벡엔드 api https://ws0feiccr7.execute-api.ap-northeast-2.amazonaws.com/dev/api/books/1 )
    ( 최종적으로는 손쉬운 배포 관리를 위해 ci도 구축 해야함)
    ( 로그 쌓는것도 나중에는 고려해야함 )
    ( GA 적용도 나중에는 고려해야함 )

  • react-markdown 을 커스텀하게 만들기 (커스텀 컴포넌트 주입 및 ./patches 활용)

  • 벡엔드쪽 api에 테스트 코드 적용시키기 ( 이후로는 추가되는 api TDD 방법론으로 개발 )

[week5] 5주차 task

5주차 작업 목표

[task1]

  • 로딩 스크린 구현

[task2]

  • 벡엔드 구축 계획

  • node.js / mocha / serverless

[task3]

  • 프론트 테스트 커버리지 높이기

[issue 공유] Git branch 전략을 변경합니다.

애초 잘못된 판단으로, git branch 전략을 잘못 계획했습니다.
하여, 앞으로는 아래와 같이 git branch 전략을 변경하고자 합니다.

issue 계획에 따른 PR 브랜치

계획에 의해서 진행되는 브랜치 입니다. issue 계획에 명시된 작업을 수행하는
브랜치 입니다. 각 주마다 각 작업마다 다른 브랜치를 생성해서 PR 합니다.

[주 번호]-[작업 번호]  
예제> week2-task1

계획 밖의 작업 브랜치

계획 외적으로 작업 진행중 필요하다고 판단되는 작업을 빠르게 진행하는 브랜치 입니다.

add-[작업 의도]
fix-[작업 의도]
delete-[작업 의도]

예제> 
add-home-component
fix-home-store

[week4] 4주차 tasks

[ 프로젝트 ]

간단한 Git book 사이트 만들기

[ 사용자 전달 가치 ]

글쓴이의 정리된 지식을 볼 수 있다.

[ 4주차 목표 ]

[task1] md string을 html string으로 변환하는 파싱 프로세스 구현

  • md string fixtures 를 가정하고 구현
  • md 파일을 string으로 변환 ---> 실패 ---> API 단에서 작업해야함( 추후 예정 )
  • react-markdown 라이브러리 사용

[task2] Page 제목 목록 만들기 Page 데이터와 스크롤 연동 구현

  • 페이지 본문의 sub title을 목록만든 컴포넌트
  • page 데이터와 스크롤 연동
  • loading 로직 구현

[task3] weekbook 본문 스타일링 재정비

[week6] 백엔드 구축하기 2차 작업 (dev 서버 구축)

AWS lamda 와 DB 연동해서 데이터 가져오기

[ 주요기능 ]
DB에서 데이터 가져오기

[ 목표 ]

  • DB 스키마 설계
  • DB 에 더미 데이터 입력
  • RDS와 lambda 연동
  • nodejs 에스로 간단한 데이터 추츨하는 메서드 작성

[week3] 3주차 tasks

[ 프로젝트 ]

간단한 Git book 사이트 만들기

[ 사용자 전달 가치 ]

글쓴이의 정리된 지식을 볼 수 있다.

[ 3주차 목표 ]

[task1] 데이터 fetch 구현 ( mock 형식으로 )

  • api 통신을 가정한 fixtures 와의 접점부 구현

[task2] 데이터 렌딩

  • 관련 redux 함수 및 action 구현
  • 가져온 데이터로 가정하여, store에 저장 로직 구현
  • store에서 꺼내온 data 렌딩 로직 구현

[task3] 타이틀과 본문 연결

  • 타이틀 클릭 시 해당 본문 보이도록

[task4] text 기호에 따른 파싱 프로세스

README를 꾸며주세요

사람들이 어떤 앱인지 알 수 있도록 간단한 소개를 해주세요

현재 결과물은 사용자가 어떻게 사용할 수 있는지도 같이 작성해주세요

[week1] 1주차 Tasks

[ 프로젝트 ]

간단한 프라이빗 Git book 사이트 만들기
( 진행상황 봐서 기능적인 욕심내기 )

[ 사용자 전달 가치 ]

허용된 이들만 글쓴이의 정리된 지식을 볼 수 있다.

[ 1주차 목표 ]

  • 레이아웃 완료
    [ ] 네비게이션바(헤더), 푸터, 드로워메뉴
    [ ] 사이트 레이아웃 잡기

  • 프로젝트 구조 잡기
    [ ] 빌드 및 환경설정
    [ ] 관심사에 따라 프로젝트 구조 나누기

  • 1차 배포 진행
    [ ] 배포하기

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.