묻고 답해요
129만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
카드가 아닌 antd Table을 이용해서 하려는데 도와주세요ㅠㅠ
안녕하세요, 선생님. 선생님 수업 기본강의부터 쇼핑몰만들기까지하여 여러번 수강중인 학생입니다. 천천히 너무 자세하게 알려주셔서 많은 도움이 되고 있습니다 :) 제가 이 수업을 들으면서 목표한게 있는데요, 회사의 재고장을 실시간으로 확인할 수 있도록 웹기만으로 만드는 것이었습니다. 그래서 선생님 수업들으면서 이것저것 응용하고 바꿔가며 만들고 있는데요~ 문제에 봉착했습니다 ㅠㅠ ANT Design 사용하여 Card사용을 하셨는데, 저는 Table을 사용하려고 하여 쭉 코드를 작성하였습니다. 총 업로드를 5개를 하였는데, 칸은 5개가 생겼는데 테이블 안에 내용은 보이지 않아서요 ㅠㅠ 어디가 잘못된 걸까요... 컨솔창 키면 정상적으로 상품정보가 랜딩페이지로 넘어오는데 표기가 안되고 있어요. 제가 작성한 코드는 아래와 같습니다. import React, { useEffect, useState } from 'react' import { FaCode } from "react-icons/fa"; import axios from "axios"; import { Card, Button, Col, Row, Table } from 'antd'; import { SketchOutlined } from '@ant-design/icons'; function LandingPage() { const [Products, setProducts] = useState ([]); useEffect(()=> { axios.post('/api/product/products') .then(response => { if (response.data.success) { setProducts(response.data.productInfo) } else { alert("상품을 가져오는데 실패하였습니다.") } }) }, []) const data = Products.map ((product, index) => ( [{ item: product.item, grade: product.grade, price: product.price, box: product.box, key: '1' }] )) const columns = [ { title: '품명', dataIndex: 'item', key:'key', render: item =>{ return <a>{item}</a> } }, { title: '등급', dataIndex: 'grade', key:'key' }, { title: '수량', dataIndex: 'box', key:'key' }, { title: '가격(원)', dataIndex: 'price', key:'key' } ] console.log('products', Products) return ( <div style={{ width: '75%', margin: '3rem auto' }}> <div style={{ textAlign: 'center' }}> <h2> 재고자료 <SketchOutlined /></h2> <h3>재고 LIST</h3> </div> {/* Filter */} {/* Search */} {/* Table */} <Table dataSource={data} columns={columns} /> <br /> <br /> <div style={{ display: 'flex', justifyContent: 'center' }}> <Button type="primary">See More</Button> </div> </div> ) } export default LandingPage 번거로우시겠지만, 알려주시면 너무 감사드리겠습니다ㅠㅠ
-
해결됨스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
thymeleaf th:each 테이블에 새로운 object 넣고싶습니다.
테이블을 동적으로 만들고 싶어서 이것저것 하다가 질문드립니다... <html> each로 테이블을 구성하였고요 비동기 통신을 통해서 아래와 같은 object를 새로 받아왔습니다. 테이블 그리기 위해 넣는 orderGroupList > orderList가 있고요 페이징처리와 통신결과를 가져오는 paginVO, resultVO가 있습니다. 이러한 object를 현재 html에 구성된 each에 넣을 수 있는 어떤 방법이 있나요?
-
미해결피그마(Figma)를 활용한 UI디자인 입문부터 실전까지 A to Z
표만들기
안녕하세요 :) 표만드는 방법도 교육해주실수 있나요? 방법을 찾아서 해봐도 잘 안되네요 부탁드립니다. 좋은 강의 올려주셔서 감사합니다.
-
해결됨실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
[해결]테이블 생성이 잘 됐는지 테스트하는 방법 문의
우연히 강사님의 다음 댓글을 읽고 의문이 해소되었습니다.. "실무에서는 개발과 운영의 테이블을 생성할 때, JPA가 생성해주는 테이블은 신뢰하지 마시고, 참고만 하고 직접 생성해야 합니다. 그래서 실무에서는 크게 고민하시지 않아도 됩니다^^" --------------------------------- 매번 귀찮은 질문 답변해주셔서 감사합니다. '테이블', '테이블 테스트'라는 키워드로 조회해도 나오지 않아 문의드립니다. [엔티티 클래스 개발2] 강의 중 JPA가 테이블을 생성하고 h2에서 제대로 테이블이 생성됐는지 눈으로 확인하는 시간이 있습니다. 그런데 이걸 눈으로 확인하는 것이 아니라, 테스트 코드를 작성해서 자동으로 확인할 수 있는 방법이 있는 궁금합니다. 감사합니다!
-
해결됨Slack 클론 코딩[실시간 채팅 with React]
[1강 ] 백엔드 mysql 연결이 안됩니다.
.env 파일 설정 하고 npm run dev 하면 db 성 공 콘솔이 뜨는게 아니라 : Error: Tablespace is missing for table `sleact`.`users`. 이런식으로 에러가 납니다. 전에 프론트 세팅 안되서 처음부터 하려고 다시 다지우고 하는데 안됩니다. 그래서 mysql 들어가서 데이터베이스를 지우고 다시 db:create 해볼려고 했는데 mysql> drop database sleact; ERROR 3679 (HY000): Schema directory './sleact/' does not exist 디비도 삭제가 안됩니다. 검색 해서 이것저것 해봣는데 잘 안되네요 ㅠ 요약하자면 ohseungik@seungik back % npx sequelize db:seed:all Sequelize CLI [Node: 14.15.5, CLI: 6.2.0, ORM: 6.5.0] Loaded configuration file "config/config.js". Using environment "development". == 20201019065847-sleact: migrating ======= ERROR: Table 'sleact.workspaces' doesn't exist 이 에러입니다.
-
미해결실전! 스프링 데이터 JPA
테이블 생성이 안됩니다
안녕하세요 김영한님 ddl-auto : create 인데도 테이블이 생성되지 않아 질문드립니다 application.yml 정보입니다 spring: datasource: url: jdbc:h2:tcp://localhost/~/datajpa username: sa password: driver-class-name: org.h2.Driverjpa: hibernate: ddl-auto: create properties: hibernate:# show_sql: true format_sql: true logging.level: org.hibernate.SQL: debug # org.hibernate.type: trace build.gradle 정보입니다 plugins { id 'org.springframework.boot' version '2.4.2' id 'java'}apply plugin: 'io.spring.dependency-management'group = 'study'version = '0.0.1-SNAPSHOT'sourceCompatibility = '11'configurations { compileOnly { extendsFrom annotationProcessor }}repositories { mavenCentral()}dependencies { implementation 'org.springframework.boot:spring-boot-starter-data-jpa' implementation 'org.springframework.boot:spring-boot-starter-web' compileOnly 'org.projectlombok:lombok' runtimeOnly 'com.h2database:h2' annotationProcessor 'org.projectlombok:lombok' testImplementation 'org.springframework.boot:spring-boot-starter-test'}test { useJUnitPlatform()} member 클래스입니다 package study.datajpa.entity;import lombok.Getter;import javax.persistence.Entity;import javax.persistence.GeneratedValue;import javax.persistence.Id;@Entity@Getterpublic class Member { @Id @GeneratedValue private Long id; private String username; public Member() { } public Member(String username) { this.username = username; }} 다음은 테스트입니다 @SpringBootTest@Transactionalclass MemberJpaRepositoryTest { @Autowired MemberJpaRepository memberJpaRepository; @Test public void 생성테스트() throws Exception { //given Member member = new Member("memberA"); //when Member savedMember = memberJpaRepository.save(member); Member findMember = memberJpaRepository.find(member.getId()); //then assertThat(savedMember.getId()).isEqualTo(findMember.getId()); }} 강의 극초반인데 테이블 생성이 안되어서 진행이 안되고 있습니다 찾아봐도 몰라서 질문 남깁니다