MATHrone/DEV (6) 썸네일형 리스트형 [FE] BookList page(2) - 검색창 만들기 BookList Page를 만들어보자 구조 잡기 검색창 만들기 nav bar만들기 이미지 리스트 만들기 페이지네이션 구현하기 정렬 넣기 구조잡기 단계에서 검색창 부분은 따로 있었다 일단 그 부분을 만들어주고 컨테이너 위에다 붙여주기로 한다. 일단 기능은 안 줄 것 ! Books.js import * as React from "react"; import Container from "@mui/material/Container"; export default function BookPage() { return ( A B C D E F ); } 이렇게 6개의 구간으로 나눈 컨테이너 위쪽에다가 Component로 SearchBar를 따로 만들어 넣어줄 생각이다. 일단 이런 모양으로 만드는게 목표이다 SearchBa.. [DB] PostgreSQL 진행 리뷰 [MR-39] db 테이블 setting table 리스트 table 명 용도 workbook 문제집과 관련된 정보를 저장하는 테이블 workbook_try 특정 문제집을 사용한 이력이 있는 유저를 저장해두는 테이블 workbook_level 문제집 난이도 투표수를 저장하는 테이블 workbook_star 특정 문제집을 즐겨찾기 해둔 특정 유저를 저장하는 테이블 chapter 문제집의 목차(단원명)과 관련된 정보를 저장하는 테이블 user_info 유저의 정보를 저장하는 테이블 token 로그인 (리프레시 토큰)을 저장하는 테이블 -> redis를 이용하기로 하여 빠짐 problem 문제를 저장하는 테이블 solution 문제의 답안을 저장하는 테이블 problem_try 특정 문제를 시도한 특정유저를 .. [DevOps] Docker - Redis 보호되어 있는 글입니다. [FE] BookList page(1) - 구조잡기 일단 프론트엔드 부분만 만들기로 했다! (데베가 준비가 안되었음) 또한, MUI 를 이용해서 하기로 했기 때문에 최대한 이용해보기로 한다! https://mui.com MUI: The React component library you always wanted MUI provides a simple, customizable, and accessible library of React components. Follow your own design system, or start with Material Design. You will develop React applications faster. mui.com BookList Page를 만들어보자 구조 잡기 검색창 만들기 nav bar만들기 이미지 리스트 만들기 .. [DB,python] 데이터 renaming 아직 데이터베이스 기획에 대한 내용을 작성하지 않았지만.. 유저가 푼 문제를 기반으로 많이 틀린 단원의 문제를 추천해주는 기능을 넣기 위해서 다음과 같이 유저가 시도한 문제에 대한 테이블을 만들었다. 어떤유저( user_id ) 가 어떤 문제(problem_id)를 시도했고, 그 문제를 맞았는지 (IsCorrect) 를 저장하는 테이블이다. 그런데, 어떤 문제가 어떤 단원인지 파악하려면, problem_try 테이블에서 problem 테이블을 조회하여 단원id를 알아낸다음 chapter 테이블을 조회해서 단원명을 알아내야한다. 그래서, 애초에 problem_id를 지정할 때, 어떤문제집인지(workbook_id) / 어떤 단원인지(chapter_id) / 어떤문제인지 (문제번호) 를 알 수 있게 지정하면.. [Dev-ops] Docker setting Architecture 일단 우리팀이 사용하기로 한 Architecture는 다음과 같다. frontend react backend spring db PostgreSQL Google Storage Dev-ops Docker Swagger RabbitMQ Celery ElasticSearch 추가) 프로메테우스, 그라파나 IDE intelliJ : 팀적으로 정한건 아니지만.. 스프링 공부할때도 무조건 좋다고 했으니 이걸 사용하는게 좋을듯 정확히 아는 것은 아니지만, Docker상에 setting이 필요한 것은 frontend(react), backend(spring), rabbitMQ, Celery, ElasticSearch 로 알고 있는데, 후자는 부수적인 부분이라 backend에 추가해봐야 알 것 같고.. 이전 1 다음
