inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

선생님 싸이월드 1탄 질문입니다.

해결됨

[코드캠프] 시작은 프리캠프

css코드 작성하실 때 wrapper left랑 wrapper right 나누시고 난 후에 wrapper left 바로 밑에 left header랑 left body로 세분화 하시던데 코드를 짤 때 알아보기 쉽게 하기 위해서 left 하위에 두신건가요? 아니면 저렇게 나눠야만 코드가 작동이 되는건가요?

  • HTML/CSS
  • javascript
지 민 댓글 1 좋아요 0 조회수 267

리액트에서 scroll-timeline.js 불러오는 법

미해결

웹 애니메이션의 새로운 표준, Web Animations API

현재 리액트 프로젝트에 web animations api를 도입하려고 하는데요. 라이브러리는 react-web-animation을 쓰고 있습니다. 그런데 강의에서 사용한 scroll-timeline.js를 그대로 가져와서 import 하였더니 이러한 에러가 발생합니다. 어떻게 에러를 해결할 수 있을 까요?

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
  • frontend
  • web-animations-api
igy2840 댓글 1 좋아요 0 조회수 755

회원가입 과제 질문입니다!

해결됨

[코드캠프] 시작은 프리캠프

박스안의 텍스트 들의 위치조정이 어렵습니다. 가입하기 버튼을 인풋버튼으로 설정했는데 "가입하기" 문자가 안보입니다. 피그마에 vector라고 표현되는 밑줄들이 표현이 이상하게 됩니다. 답변 부탁드리겠습니다 ㅜㅜ 계속 머리 굴려봐도 잘 모르겠어요 ㅜㅜ

  • HTML/CSS
  • javascript
지 민 댓글 1 좋아요 0 조회수 384

사용자 정의 함수 방언 등록

해결됨

자바 ORM 표준 JPA 프로그래밍 - 기본편

[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예 [질문 내용] 사용자 정의함수를 db에 등록시켜놓은 다음에 jpql로 사용을 해보니 따로 방언을 등록하지 않아도 사용이 가능합니다. List<String> str = em.createQuery("select create_prefix(m.username) from Member m", String.class).getResultList(); create_prefix는 직접 등록한 함수입니다. 수업에서는 방언으로 사용자 정의 함수를 등록해야지 적용이 된다고 하는데 이 경우 왜 작동되는지 알고싶습니다.

  • java
  • jpa
준영 댓글 2 좋아요 1 조회수 874

비주얼스튜디오코드 html snippets 설치 관련

미해결

[웹 개발 풀스택 코스] HTML&CSS 기초

기존 노트북에서 강의를 듣다가 맥북을 사용하게 되어 맥북으로 넘어와 강의 환경을 구축하고자 비주얼스튜디오코드를 설치하고 2강에서 차례로 말씀해주신 응용 프로그램을 설치하는데 html snippets는 말씀하신 개발자(geyao)의 프로그램이 보이지도 않고 설치가 안되어 강의 진행이 어렵습니다ㅜㅜ 혹시 비슷한 프로그램은 없을까요??

  • HTML/CSS
  • visualstudiocode
ntt75618 댓글 2 좋아요 0 조회수 950

@Autowired와 @Transactional으로 EntityManager주입 받기

미해결

실전! 스프링 데이터 JPA

@Autowired로 EntityManager를 주입받을때 여러 쓰레드가 동시에 접근하면 동시성 문제가 발생합니다. 하지만 @Transactional 을 추가해준다면 //1 @Repository @RequiredArgsConstructor @Transactional public class AutowiredRepository { private final EntityManager em; } //2 @Repository public class PersistenceContextRepository { @PersistenceContext private EntityManager em; } @PersistenceContext 처럼 Transaction에 의해 쓰레드간 동시성 문제를 해결해준다 고 생각하는데 맞게 생각한건지 궁금합니다. 두가지 방법 다 EntityManager를 호출 할때마다 Proxy를 통해 EntityManager를 생성하여 Thread-Safe를 보장해준다라고 볼수 있는 건가요?? 답변주시면 정말 감사하겠습니다.

  • java
  • spring
  • spring-boot
  • jpa
코딩먹는하마 댓글 1 좋아요 1 조회수 622

수업자료를 다운받으면 오류가 납니다,,ㅠㅠ

미해결

실전! 웹사이트제작! Step by Step! ('크루알라모드'_반응형웹 제작)

수업자료 다운받으면 이렇게 뜨면서 압축해제도 되지않습니다,, gygy0604@naver.com 으로 자료파일 보내주시면 감사드리겠습니다.

  • HTML/CSS
  • jquery
  • 인터랙티브-웹
  • 반응형-웹
우호적인 백조 댓글 2 좋아요 0 조회수 413

미니 프로제트에서 map의 요소를 왜 찾지 못하는지 모르겠습니다

미해결

처음 만난 리액트(React)

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 미니 블로그 실습을 진행하던 중 위와 같은 오류를 발견하였습니다. commentList 파일의 map함수를 보았는데, 분명 배열이여서 map함수가 실행이 되어야 하는데 찾이 못하더라구요 import React from "react"; import styled from "styled-components"; import CommentListItem from "./CommentListItem"; const Wrapper = styled.div` display: flex; flex-direction: column; align-item: flex-start; justify-content: center; & > * { :not(:last-child){ margin-bottom: 16px; } } `; function CommentList(props){ const { comments } = props; return ( <Wrapper> {comments.map((comment, index) => { return <CommentListItem key={comment.id} comment= {comment}/> })} </Wrapper> ) } export default CommentList; 혹시 힌트를 알 수 있을까요?

  • HTML/CSS
  • javascript
  • react
스케치 댓글 2 좋아요 0 조회수 470

변경된 input 값이 텍스트로 보이지 않습니다.

해결됨

처음 만난 리액트(React)

개발자 도구로 보면 섭씨에 값 입력 시 화씨 input에도 값이 담기고 변하는데 텍스트는 보이지 않습니다... 찾아보니 <input value="{props.temperature}"> 대신 <input defaultValue="{props.temperature}"> 를 쓰면 된대서 defaultValue를 쓰면 텍스트가 잘 나옵니다... 아래 사진은 <input defaultValue={props.temperature}>으로 수정했을 때 입니다. 왜 <input value=""> 대신 <input defaultValue="">를 사용해야 정상적으로 나오는지 궁금합니다. TemperatureInput.jsx const scaleNames = { c: "섭씨", f: "화씨", }; function TemperatureInput(props) { const handleChange = (event) => { props.onTemperatureChange(event.target.value); }; return ( <fieldset> <legend>온도를 입력해주세요(단위: {scaleNames[props.scale]})</legend> <input vaule={props.temperature} onChange={handleChange} /> </fieldset> ); } export default TemperatureInput; Calculator.jsx import React, { useState } from "react"; import TemperatureInput from "./TemperatureInput"; function BoilingVerdict(props) { //물 끓음 감지 if (props.celsius >= 100) { return <p>물이 끓습니다.</p>; } return <p>물이 끓지 않습니다.</p>; } function toCelsius(fahrenheit) { //화씨 계산 함수 return ((fahrenheit - 32) * 5) / 9; } function toFahrenheit(celsius) { //섭씨 계산 함수 return (celsius * 9) / 5 + 32; } function tryConvert(temperature, convert) { const input = parseFloat(temperature); if (Number.isNaN(input)) { return ""; } const output = convert(input); //섭씨 or 화씨로 변환 const rounded = Math.round(output * 1000) / 1000; return rounded.toString(); } function Calculator(props) { const [temperature, setTemperature] = useState(""); const [scale, setScale] = useState("c"); const handleCelsiusChange = (temperature) => { setTemperature(temperature); setScale("c"); }; const handleFahrenheitChange = (temperature) => { setTemperature(temperature); setScale("f"); }; const celsius = scale === "f" ? tryConvert(temperature, toCelsius) : temperature; const fahrenheit = scale === "c" ? tryConvert(temperature, toFahrenheit) : temperature; return ( <div> <TemperatureInput scale="c" temperature={celsius} onTemperatureChange={handleCelsiusChange} /> <TemperatureInput scale="f" temperature={fahrenheit} onTemperatureChange={handleFahrenheitChange} /> <BoilingVerdict celsius={parseFloat(celsius)} /> </div> ); } export default Calculator;

  • HTML/CSS
  • javascript
  • react
@_@ 댓글 1 좋아요 0 조회수 457

css float 이용하기 부분에서 :after 적용이 안됩니다

미해결

코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)

visual studio code를 사용하고 있습니다 코드는 똑같이 사용했으나 :after를 사용해도 코드가 적용이 되지않습니다 자동완성을 사용해서 보니 ::after의 기능은 있어도 :after의 기능이 없어 ::after도 사용해봤지만 적용이 안됩니다 ㅜ visual studio code에서는 지원이 안되는 걸까요 아니면 저의 문제일까요

  • HTML/CSS
  • javascript
  • python
  • django
  • bootstrap
  • linux
  • git
  • jquery
bbin0409 댓글 1 좋아요 0 조회수 497

D유형 숏컷부분 정렬문의합니다

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

위사진은 강의에쓰인 사진이고 밑에사진은 제가만드는곳인데 숏컷부분이 강의사진처럼 길게 오른쪽까지 안퍼지고 저렇게밖에 안되는데 어떻케 해야지 끝과끝 중앙으로 보기좋게 설정하나요 ?

  • HTML/CSS
  • jquery
  • 웹-디자인
jkjk7088 댓글 1 좋아요 1 조회수 233

선생님 피그마 질문입니다.

해결됨

[코드캠프] 시작은 프리캠프

저는 이렇게 강의화면처럼code부분이 뜨질 않는데 어떻게 하면 나오게 할 수 있나요>?

  • HTML/CSS
  • javascript
지 민 댓글 1 좋아요 0 조회수 255

23분29초 질문있습니다!

해결됨

[코드캠프] 시작은 프리캠프

body에서 컨텐트박스는 1 보더박스는 3으로 설정했는데, head의 style 안에 박스사이징 하는 부분을 건들였을 때 왜 박스2의 크기가 박스1의 크기를 따라가는 건가요?

  • HTML/CSS
  • javascript
지 민 댓글 2 좋아요 0 조회수 220

penJDK 64-Bit Server VM warning: Options -Xverify:none and -noverify were deprecated in JDK 13 and will likely be removed in a future release. 오류

미해결

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

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] 여기에 질문 내용을 남겨주세요. OpenJDK 64-Bit Server VM warning: Options -Xverify:none and -noverify were deprecated in JDK 13 and will likely be removed in a future release. 이러한 오류가 뜨는데, 실행하는데는 문제가 없습니다. 이 오류를 고쳐야 할 것 같은데, 어떻게 고쳐야할까요?

  • java
  • spring
  • mvc
  • spring-boot
댓글 1 좋아요 0 조회수 380

실무에서 사용자 정의 함수를 많이 사용하나요?

해결됨

자바 ORM 표준 JPA 프로그래밍 - 기본편

실무에서 DB방언을 상속받아 사용자 정의 함수를 등록해서 사용하는 경우가 많은지 궁금합니다!

  • java
  • jpa
spacebar 댓글 1 좋아요 0 조회수 365

14분 15초경 질문있습니다.

해결됨

[코드캠프] 시작은 프리캠프

rel="stylesheet"에서 스타일시트는 뭐를 의미 하나요? 자동완성도 안되던데 왜 패스워드 부분의 색을 바꾸는건지 궁금합니다.

  • HTML/CSS
  • javascript
지 민 댓글 1 좋아요 0 조회수 191

인기 태그

인프런 TOP Writers

주간 인기글