inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

173만명의 커뮤니티!! 함께 토론해봐요.

display flex 및 link가 제대로 작동 안합니다...ㅠ

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

안녕하세요! 두 가지 질문이 있어서 글 남깁니다. display flex가 특정 id에 적용이 안됩니다 ㅠㅠ app.js에서 id=header인 부분에 css를 적용시켰는데 딱 header 부분만 적용이 안됩니다. 코드는 아래와 같습니다. app.js 코드 import logo from './logo.svg'; import './App.css'; import MainPageComponent from "./main/index.js" import React, { Component } from 'react'; import {Link, Switch, Route, useHistory} from 'react-router-dom' import UploadPage from './upload/index.js'; import ProductPage from './product/index.js'; import { Button } from 'antd'; import {DownloadOutlined} from '@ant-design/icons' function App() { const history = useHistory(); return ( <div> <div id="header"> <div id="header-area"> <Link to="/"> <img src="/images/icons/logo.png" /> </Link> <Button size="large" onClick={function(){ history.push('/upload'); }} icon={<DownloadOutlined />} > 상품 업로드 </Button> </div> </div> <div id="body"> <Switch> <Route exact={true} path="/"> <MainPageComponent /> </Route> <Route exact={true} path="/products/:id"> <ProductPage /> </Route> <Route exact={true} path="/upload"> <UploadPage /> </Route> </Switch> </div> <div id="footer"></div> </div> ); } export default App; app.css * { margin: 0; padding: 0; line-height: normal; } html, body, #root, #root > div { height: 100%; }; #header { height: 64px; /*가운데 정렬하는 방법*/ display: flex; justify-content: center; border-bottom: 1px solid gray; } #header-area { width: 1024px; height: 100%; display: flex; align-items: center; justify-content: space-between; } #header-area img { width: 128px; height: 36px; } #body { height: 100vh; width: 1024px; margin: 0 auto; /*가운데 정렬하는 방법 중 하나*/ padding: 24px; } #footer { height: 200px; background-color: rgb(230,230,230); } 이렇게 했을 때 아래와 같이 header만 적용이 안됩니다...(header-area는 css가 잘 적용이 되네요) Link 제대로 작동 안됨 Link 태그를 통해 상품 상세페이지로 넘어가는 코드를 구현했는데 잘 안되는 부분이 있습니다 ㅠㅠ 원래라면 상품 카드를 눌렀을 때 자동으로 상품 상세페이지로 넘어가면서 해당 페이지 내용이 나타나야하는데 저는 카드를 누르면 url 주소만 바뀌고 제가 수동으로 새로고침을 해야 해당 페이지로 넘어갑니다...(그랩마켓 로고를 눌렀을 때 메인페이지로 돌아가는 것도 마찬가지입니다) 위 코드에서 잘못된 부분이 어떤거길래 이렇게 되는걸까요...? 감사합니다!

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
윤건호 댓글 2 좋아요 0 조회수 564

Stuff Error가 발생하는 원인에 대해 알고 싶습니다.

미해결

Stuff Rule을 지키지 않는 경우 Stuff Error가 감지 되는 것으로 이해하고 있습니다. Stuff Rule이 지켜지지 않는 경우가 왜 발생하는지, 어떤 경우에 발생할 수 있는지 궁금합니다.

hongkak.kim 댓글 1 좋아요 0 조회수 472

no elements in sequence 에러 관해서 질문이 있습니다.

미해결

Slack 클론 코딩[백엔드 with NestJS + TypeORM]

안녕하세요. nestjs를 사용해서 백엔드를 구성하고 있는데 RxJS의 no elements in sequence 라는 에러에 대해서 질문이 있습니다. const findObject = await this.respository.findOne({ where: { data } }) if (findObject) { throw new HttpException("중복 접수 되었습니다.", HttpStatus.CONFLICT); } DB에서 찾은 객체가 있을 경우, Exception으로 에러를 내면서 종료를 시키는 로직을 생각하고 작성을 했습니다. 그런데 정작 오류는 no elements in sequence 와 함께 500 응답코드가 반환되는데요. 반환 할 값이 없을경우 나는 에러로 알고있는데, throw만 하고 리턴하는 값이 없어서 발생 하는 것 같습니다. 그리고 발생하는 두 오류 중, no elements in sequence가 먼저 반환되어 종료되기때문에 409에러가 묻히는 것으로 추측을 하고있는데 409에러를 먼저 내는 방법은 없을까요?

  • node.js
  • express
  • nestjs
  • typeorm
뱅준 댓글 1 좋아요 0 조회수 486

루커 스튜디오 중 계산 관련 문의

미해결

루커 스튜디오(구글 데이터 스튜디오)로 배우는 데이터 시각화 입문

위 사진 처럼 engage%를 interaction / postviews 나누었는데요. Q1 부분합을 보면 12.38%가 나와야 하는데, 0.06% 처럼 나와서요..Sum도 아니고 average 선택도 아니고..뭘 선택해야 계산 값이 뜰 수 있을까요?

  • Google-Datastudio
  • data-visualization
  • looker-studio
노국영 댓글 1 좋아요 0 조회수 352

HelloController 오류 질문(addAttribute 오류)

해결됨

스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술

package hello.hellospring.controller; import ch.qos.logback.core.model.Model; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controllerpublic class HelloController { @GetMapping("hello") public String hello(Model model) { model.addAttribute("data", "hello!!"); return "hello"; } 위에 사진 처럼 addAttribute에 빨간 줄이 떴는데 얘는 어떻게 하나요? Cannot resolve method 'addAttribute' in 'Model' 오류 코드입니다. C:\Users\kimga\OneDrive\바탕 화면\hello\hello-spring\src\main\java\hello\hellospring\controller\ HelloController.java:12 :13 java: cannot find symbol symbol: method addAttribute(java.lang.String,java.lang.String) location: variable model of type ch.qos.logback.core.model.Model

  • java
  • spring
  • mvc
  • spring-boot
김강현 댓글 1 좋아요 0 조회수 427

질문 드립니다

미해결

[하루 10분|C++] 누구나 쉽게 배우는 C++ 프로그래밍 입문

#define _CRT_SECURE_NO_WARNINGS #include <iostream> #include <cstring> #define SIZE 20 using namespace std; int main() { char animal[SIZE]; char* ps; cout << "동물 이름을 입력하십시오.\n"; cin >> animal; ps = new char[strlen(animal) +1]; strcpy(ps, animal); cout << "입력하신 동물 이름을 복사하였습니다." << endl; cout << "입력하신 동물 이름은 " << animal << "이고, 그 주소는 " << (int*)animal << " 입니다." << endl; cout << "복사된 동물 이름은 " << ps << "이고, 그 주소는 " << (int*)ps << " 입니다." << endl; delete[] ps; return 0; } 이제는 #include <cstring> 을 추가해야만 작성해주신 코드가 동작하는게 보여지는데 헤더가 기본적으로 가지고 있는 내용이 시간이 지나면서 바뀐걸까요? 아니면 C++ 업데이트를 제가 잘못한건가요?

  • c++
gmjjb0309 댓글 1 좋아요 0 조회수 214

컨트롤러에서 리다이렉트를 해주는건 ssr을 이용할때만 고려하면 되는 건가요?

해결됨

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

Ssr을 이용할때는 직접 뷰를 이동하는 거니 백엔드 개발자가 리다이렉트도 처리를 해주어야 하는데 csr을 이용하여 json으로 통신할때는 백엔드 개발자는 데이터만 잘 넘겨주는것이 끝이기 떄문에 리다이렉트 관련 내용은 프론트 개발자가 해결하는 부분 인가요? 그리고 @ModelAttribute와 파라미터에 사용되는 Model 객체에서 @ModelAttribute 는 Item 클래스의 멤버 변수를 세팅해주는것이기 때문에 csr을 이용하여 웹 개발을 할 때 return item 을 하여 객체가 json으로 변환되어 클라이언트에게 전달되니 @ModelAttribute 는 csr을 이용할때도 사용되는 어노테이션이고 Model객체의 model.addAttribute()는 ssr의 뷰 영역에서 사용될 데이터를 넘겨주는 기능이라서 csr을 이용할때는 사용을 안하나요?

  • spring
  • mvc
양치잘하기 댓글 1 좋아요 0 조회수 226

스프링의 Model 를 뷰로 전달하는 원리

미해결

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 스프링이 제공하는 Model 을 사용할때, 인자로 받아와서 사용하는 것을 보았습니다. 예전에 "스프링 없이 mvc 패턴 구현하기" v4 에서는 모델값을 요청 객체에 담아서 뷰.render(req, res) 이런식으로 넘겨주었는데요, 이것도 유사한 방식으로, 스프링에 의해 모델 객체가 자동으로 요청 객체에 담겨서 뷰로 전달되는걸까요?

  • spring
  • mvc
김동현 댓글 1 좋아요 0 조회수 306

싱글톤 컨테이너 질문드립니다.

미해결

스프링 핵심 원리 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 싱글톤 컨테이너 사용 시에 기존의 싱글톤 패턴을 구현하는 코드들이 필요없는 장점이 있는데 그렇다면 private 한 생성자 코드를 작성하지 않아도 된다는 건데, new를 통해 새로운 객체 생성은 어떻게 막나요?

  • spring
  • 객체지향
마지막기회 댓글 2 좋아요 0 조회수 299

rds 장애 조치 재부팅 옵션

미해결

처음 만난 AWS

rds에서 재부팅시에 장애조치로 인한 재부팅 체크를 한것과 안한것에 차이가 뭔지 궁금합니다! failover가 된다는 걸까요? 그러면 main에서 sub으로 넘겨진건데 다시 main이 정상화 되었을때 main으로 넘기고 싶다면 장애조치로 인한 재부팅을 하면 되는걸까요?

  • aws
  • lambda
  • amazon-web-services
  • cloud-computing
  • ec2
얌냠 댓글 1 좋아요 1 조회수 454

하위 package 생성시 오류

미해결

김영한의 실전 자바 - 기본편

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] class1 패키지 하위로 ex패키지를 만드려 하는데 하위로 들어가는 게 아닌 별도로 따로 패키지가 생성되는데 어떤 항목을 재설정해야할까요??

  • java
  • 객체지향
7642510 댓글 2 좋아요 0 조회수 311

Import From Android Device 목록 이름

해결됨

쉬운 모바일 테스트 자동화 시작하기 : Appium Studio

Import From Android Device 에서 목록 이름이 Type, Application, Version 형태가 아니라 아래 캡쳐이미지 처럼 보입니다. 강사님 화면에서는 정상적으로 보이는데 전 뭐가 문제일까요..?

  • ios
  • android
  • 소프트웨어-테스트
  • qa(품질보증)
  • appium-studio
얼룩덜룩고양이 댓글 2 좋아요 0 조회수 430

섹션2. 참조형과 메서드 호출 - 활용

해결됨

김영한의 실전 자바 - 기본편

package ref Method2에서 학생의 정보를 바로 입력하는 메서드를 만들어서 참조값을 반환해서 사용하신다고 했는데, 메서드를 호출하고 수행한 뒤에 끝나면 메모리에서 사라지는 거 아닌가요?ㅠㅠ creatStudent메서드를 호출하면 Student 객체를 생성하고 이름, 나이, 성적을 넣은 뒤 Student 객체의 참조값을 반환하는데 메서드가 종료돼서 Student의 객체는 사라져서 참조값이 있어도 사용하지 못하는 게 아닌가해서요... 입문편 메서드 pdf에 이렇게 써있어서요! '메서드 호출이 끝나면 더 이상 해당 메서드가 사용한 메모리를 낭비할 이유가 없다. 메서드 호출이 끝나면 메서드 정의 에 사용한 파라미터 변수인 int a , int b 는 물론이고, 그 안에서 정의한 int sum 도 모두 제거된다.'

  • java
  • 객체지향
권정익 댓글 1 좋아요 0 조회수 172

필드속송 수정하기 본문 내 예제파일이 받아지지 않습니다.

해결됨

직장인에게 꼭 필요한 파이썬-아래아한글 자동화 레시피

필드속성 수정하기의 본문 중간에 있는 예제파일 박스를 클릭해 봐도 아무런 반응이 없으며 상단에 별도의 예제파일 다운 버튼도 없습니다.

  • python
  • 한컴오피스
jgptime 댓글 2 좋아요 1 조회수 216

[공유]스프링 3버전 부터는 강의내용의 jstl 버전이 정상동작하지 않습니다

미해결

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술

mvc -> member 목록 조회시 500 에러나시는분들.. jsp 내용은 그냥 지나쳐도 된다하시지만.. 에러나는게 신경쓰여서 찾아보니 gradle 의존성에 넣은 jstl 버전이 낮아서 500에러를 뱉더군요 의존성을 아래와 같이 변경하시고 gradle 재시작, 프로젝트 다시 빌드하시면 정상동작합니다. //JSP implementation 'org.apache.tomcat.embed:tomcat-embed-jasper' implementation 'javax.servlet:jstl:3.0.1' implementation 'jakarta.servlet:jakarta.servlet-api' implementation 'jakarta.servlet.jsp.jstl:jakarta.servlet.jsp.jstl-api' implementation 'org.glassfish.web:jakarta.servlet.jsp.jstl'

  • spring
  • mvc
김지환 댓글 1 좋아요 2 조회수 650

아직 아무것도 모르는 초짜이지만 질문 남겨봅니다...

해결됨

직장인에게 꼭 필요한 파이썬-아래아한글 자동화 레시피

매크로를 사용해보면서 어떤식으로 작동하고 이런것들을 이해해가고 있는 단계인 학생입니다. 매크로스크립트를 주로 사용해보고 있는데 그 과정에서 매크로스크립트 녹화 중 매크로스크립트 녹화해놓은 다른 매크로를 사용해야할 때가 오더군요. 이런 경우 코드를 따서 실행해야하는데 오른쪽에 코드가 나오는 건 알겠는데 어떤것을 따서 만들어야할지 모르겠습니다... 아직 제가 너무 기초도 몰라서 그런건가요? 답변해주시면 감사하겠습니다.

  • python
  • 한컴오피스
이현우 댓글 2 좋아요 1 조회수 246

연결리스트의 삽입 및 삭제

해결됨

10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트

대학교에서 자료구조를 배우고 있는 학생입니다! 연결리스트의 삽입 및 삭제 시간 복잡도 관련해서 질문이 있습니다. Q. 왜 연결리스트의 삽입과 삭제는 O(1)인가요? 라는 내용에서 왜 이미 노드에 접근했다고 상정하고 시간복잡도를 계산하는지 이해가 가지 않습니다. 제 이해로는 노드에 접근하는 과정까지 시간복잡도 계산에 포함시켜야 한다고 생각하는데 자세한 설명을 듣고싶습니다!

  • c++
  • 코딩-테스트
newjeans0314 댓글 2 좋아요 0 조회수 194

중첩 정적 클래스의 인스턴스화가 가능한 이유

미해결

김영한의 실전 자바 - 중급 1편

[질문 내용] 정적 클래스는 인스턴스화 할 수 없는데, 중첩 정적 클래스는 인스턴스화가 가능한 이유가 궁금합니다!

  • java
  • 객체지향
더블지 댓글 1 좋아요 0 조회수 280

컴포넌트 추출 관련 질문

미해결

처음 만난 리액트(React)

function Comment(props) { return ( <div className="comment"> <UserInfo user={props.author} /> <div className="comment-text"> {props.text} </div> <div className="comment-date"> {formatDate(props.date)} </div> </div> ); } props = { author: { name: "소플", avatarUrl: "https://..." }, text: "댓글입니다.", date: Date.now() } // Avatar 컴포넌트 추출 function Avatar(props) { return ( <img className="avatar" src={props.user.avatarUrl} alt={props.user.name} /> ); } // UserInfo 추출 function UserInfo(props) { return ( <div className="user-info"> <Avatar user={props.user}/> <div className="user-info-name"> {props.user.name} </div> </div> ); } 안녕하세요. 위의 코드는 Component 합성과 추출 수업 때 썼던 코드입니다. 컴포넌트 추출할 때 author 대신 user를 쓴다고 나와있는데 props 객체에서는 author만 있는데도 컴포넌트 추출할 때 user로 바꿔쓸 수 있는 이유가 궁금합니다.

  • HTML/CSS
  • javascript
  • react
김민지 댓글 1 좋아요 2 조회수 290

List<String> list = new ArrayList<>(); 이와 같이 작성하는 이유를 알고 싶습니다.

미해결

김영한의 실전 자바 - 기본편

다형성 부분을 배우다보니 비슷한 맥락일 것 같아서요.. 하지만 확실히 이해되지는 않습니다. 보통 Map, List를 사용할 때 위와같이 작성하는데, 위와같이 작성할 경우 부모클래스에 있는 method만 사용가능하면서 오버라이딩된 형태로 쓰이잖아요. 그런데 왜 굳이 앞에 부모클래스를 적어주는 걸까요?

  • java
  • 객체지향
nahyeon.lee 댓글 2 좋아요 0 조회수 242

인기 태그

인프런 TOP Writers

주간 인기글