project-react-2-parkdongjo's People
Forkers
parkdongjoproject-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]
- 프론트 테스트 커버리지 높이기
지금 부터 개인 레포에서 개발 진행합니다.
아래 repo에서 시작합니다.
실행했을 때 화면에 보이는게 없습니다.
[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차 배포 진행
[ ] 배포하기
[week8] 8주차 tasks
어떻게 사용해볼 수 있나요?
어떤앱인지 아직 파악이 어려운 것 같아요.
실제로 써볼 수 있으면 좋을 것 같습니다
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.