HTML  <div class="box1">box1</div>  <div class="box2">box2</div>  <div class="box3">box3</div>                     CSS div[class*=box] {   border: 1px solid #000;   width: 200px;   height: 200px;   font-size: 2em;   text-align: center;   line-height: 200px;   position: absolute; } 저 강의에서요 box클래스명을 가진 div에 position: absolute를 주면 div3개가 한꺼번에 모이는데 왜3개가 한꺼번에 모이는지 원리를 잘 모르겠는데 궁금해요  저 div3개 박스들이 absolute를 줘서 붕뜨는 그런 원리인가요?

안녕하세요!  김정환님 강의 열심히 듣고 있습니다. 좋은 강의 감사합니다!    다름이 아니라, 이번 강의 실습 그대로 빌드까지 완료하고 live-server와 lite-server 모두 띄어보았는데 이상하게도 검색창만 나오고 아래 결과 컨텐츠는 나오지가 않습니다. 혹시 어느 부분이 잘못되어 그러는 것인지 알 수 있을까요? branch는 1-webpack/1-entry이며, models, views 폴더는 모두 있습니다.    웹 뷰 사진 첨부드립니다.  코드도 첨부 드립니다.  // webpack.config.js const path = require("path"); module.exports = { mode: "development", entry: { main: "./src/app.js", }, output: { path: path.resolve("./dist"), filename: "[name].js", }, };  

store.js - 학습 관련 질문   SearchBox.js 을 남겨주세요. 상세히 작성하면 더 좋     ContactItem.js   3번째 사진에서 렌더할때 list.map로 하고 <div>{list[index].name}</div> <div>{list[index].phone}</div> 이렇게 했는데도 안되요...

아래 코드는 제가 만들어본 코드 입니다.   #include <stdio.h> int main(){    char x;     while (1) {        printf("메뉴를 입력하세요.\n");        printf("a. avengers    b. beep\n");        printf("c. count       q. quit\n");         scanf("%c", &x);         if (x == 'a') {            printf("avengers assemble!\n");        }        else if (x == 'b') {            printf("beep\n");        }        else if (x == 'c') {            int i, j;            int count_num = 0;             printf("정수를 입력하세요.\n");            scanf("%d", &i);            for (j = 0; j < i; j++) {                count_num = count_num + j + 1;                printf("%d\n", count_num);                count_num = 0;            }        }        else if (x == 'q') {            break;        }        else {            printf("다시 시도하세요.\n");        }        //while (getchar() != '\n')            //continue;    }    return 0;}   만약 b를 입력한다면 beep이 출력 되고 입력하라는 메뉴판이 하나 뜰거라고 생각했습니다. 그런데 2개 뜨는 것을 확인 후 혹시 b와 null문자(엔터)까지 인식해서 그런건가 싶어 주석으로 표시된 문장을 집어넣어 하나의 문자만 인식하도록 해보았습니다. 그러니까 잘 작동하더군요. 여기서 궁금한 점 말씀드리겠습니다. getchar 함수가 아닌 scanf 함수로 입력을 받았는데 왜 null문자까지 인식이 된 것인지 모르겠습니다. 루프문에 scanf를 이용해 입력을 실행하면 버퍼지우기가 필수인건가요? 질문이 좀 긴데 답변해주시면 감사하겠습니다.

오탈자가 없는것 같은데 자꾸 저 오류가 뜹니다. 속성에서  CRT_SECURE_NO_WARNINGS 해도 저대로에요ㅠ

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. document.location.href="/"로 페이지 이동했는데 이후에 배울 내용에서 딱히 상관이 없겠죠??

디비를 복원하는중에 다음과 같이 오류가 나서 문의드립니다. 어떻게 해결할 수 있을까요..?

슬랙 초대 부탁드립니다. alsk8818@daum.net

강사님 강좌 굉장하네요! 굉장히 깔끔하고 유용합니다. 배우는 것이 많았습니다. 감사합니다!   playwright를 활용한 썸네일 생성 작업 부분에서 LOCAL_CHROME_PATH 설정하는 법을 mac만 설명해주셔서 windows 설정하는 부분 시간 단축 하시라고 남겨봅니다.   https://playwright.dev/docs/browsers#managing-browser-binaries   여기를 참고 했고요.   powershell 에서   $env:PLAYWRIGHT_BROWSERS_PATH="$env:USERPROFILE\pw-browsers" npx playwright install   위와 같이 환경변수 설정하고 playwright 설치하면  저같은 경우   LOCAL_CHROME_PATH=C:/Users/{사용자이름}/pw-browsers/chromium-1012/chrome-win/chrome.exe   이렇게 .env에 설정하고 서버 재시작하니 되었습니다.       질문 게시판이니 질문도 남깁니다. 강사님 다른 강좌들도 더 찍어주시면 좋을 것 같습니다. (nextjs 기반으로 react-query라던가 grapql 이라던가 다른 데이터베이스 prisma 등 이요 ㅎㅎㅎ) 혹시 다른 강좌 계획있으신지 궁금합니다.    

안녕하십니까 교수님 수업 참여에 도움이 될 것 같아 문의드립니다. 교수님 혹시 강의 때 사용하시는 ppt도 공유해주실 수 있는지요?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. def args_func(args): # 매개변수 명 자유 # args가 오면 하나의 문자형으로 인식     for i, v in enumerate(args): # enumerate : 변수에 어떤 묶음이 오더라도 풀어서 사용해주는 함수         print('Result : {}' .format(i), v)     print('--------') args_func('Lee') 여기에서 for반복문에서 왜 i는 int정수형으로 들어가고, v는 어떤 형으로든 들어가게 되는건가요?  

강의코드와는 다르지만 저는 여기서 왜 중복결과가 나오는지 어떻게 중복을 줄여야할 지 모르겠습니다.... t = int(input()) k = int(input()) p = [] n = [] cnt = 0 tmp = [] for i in range(k): a,b = map(int,input().split()) p.append(a) n.append(b) def DFS(i,sum): global cnt global tmp if sum > t: return if i == k: if sum == t: cnt += 1 print(tmp) else: if n[i] > 0: n[i] -= 1 tmp.append(p[i]) DFS(i+1,sum+p[i]) DFS(i,sum+p[i]) n[i] += 1 tmp.pop() DFS(i+1,sum) DFS(0,0) print(cnt)   이렇게 실행하면  이렇게 나옵니다. 해결방법이 필요합니다..

우선 가장 처음 본 에러메세지는 이렇습니다. 상황은 로그인 후 게시글을 작성하려고 입력시 [object Object]라는 문구만 출력이 됩니다 그런 상태에서 게시글을 버튼을 클릭해서 게시하려고 하면 아래처럼 에러가 발생합니다. 아래 같이 PostForm.jsx 언급이 있어서 저 부분의 코드를 확인해봤습니다. 딱히 큰 문제가 없는거 같은대 왜 에러가 나오는지 몰라서 addPostDone 리듀서나 이런 파일이 영상과 다른게 있나 확인해봤습니다. initialState는 이렇게 되어있고 post쪽 리듀서는 이렇게 되어있습니다.. 영상을 다시 돌려보긴했는대 해당 부분에서는 어디가 문제가 되는건지 모르겠습니다  

어떻게 해야 할까요?

  루트 노드부터 시작해서 자식 노드의 개수 만큼 cnt에 더해주고 그 자식노드 중에 또 자식이 있으면 -1 해주는 방식으로 구현했습니다. 백준에 제출했을 때 78% 에서 틀렸다고 뜨는데 ... 놓친 부분을 잘 모르겠습니다. 아래는 저의 코드입니다.   #include<iostream> #include<vector> #include<queue> using namespace std; int n; int cnt; queue<int> q; int root; bool vst[54]; int main(void){ ios::sync_with_stdio(0); cin.tie(0); cin >> n; vector<int> v[n]; for(int i=0; i<n; i++){ int x; cin >> x; if(x == -1){ q.push(i); root = i; } else{ v[x].push_back(i); } } int rn; cin >> rn; if(rn == root){ cout << 0; return 0; } if(n == 2){ cout << 1; return 0; } vst[rn] = 1; for(auto e: v[rn]){ vst[e] = 1; } while(!q.empty()){ auto cur = q.front(); q.pop(); if(vst[cur]) continue; cnt += v[cur].size(); if(!v[cur].empty()) cnt--; for(int j=0; j < v[cur].size(); j++){ if(vst[v[cur][j]]) continue; vst[cur] = 1; q.push(v[cur][j]); } } cout << cnt; return 0; }  

크롬 콘솔에 저런 오류 문구가 뜨면서 이미지만! 안 불러와집니다 ㅠㅠ 여러 질문들과 답변 확인하면서 JSON문법 검사기에도 돌려봤는데 Valid라고 나왔구요... 웃긴 건 만들어진 상품 목록들에 상품 이름이나 가격, 그리고 샐러 옆에 있는 아이콘까지 잘 나오는데, 딱 상품 사진만 안 나오네요 ㅠㅠㅠㅠ  아래는 VS코드 입력창입니다..!

 에러 메시지는 이렇습니다.   javax.persistence.PersistenceException: org.hibernate.exception.SQLGrammarException: could not prepare statement     at org.hibernate.internal.ExceptionConverterImpl.convert(ExceptionConverterImpl.java:154)    at org.hibernate.query.internal.AbstractProducedQuery.list(AbstractProducedQuery.java:1626)    at org.hibernate.query.Query.getResultList(Query.java:165)    at hello.hellospring.repository.JpaMemberRepository.findByName(JpaMemberRepository.java:33)    at hello.hellospring.service.MemberService.validateDuplicateMember(MemberService.java:32)    at hello.hellospring.service.MemberService.join(MemberService.java:27)    at hello.hellospring.service.MemberService$$FastClassBySpringCGLIB$$530c61b7.invoke(<generated>)    at org.springframework.cglib.proxy.MethodProxy.invoke(MethodProxy.java:218)    at org.springframework.aop.framework.CglibAopProxy$CglibMethodInvocation.invokeJoinpoint(CglibAopProxy.java:793)    at org.springframework.aop.framework.ReflectiveMethodInvocation.proceed(ReflectiveMethodInvocation.java:163)    at org.springframework.aop.framework.CglibAopProxy$CglibMethodInvocation.proceed(CglibAopProxy.java:763)    at org.springframework.transaction.interceptor.TransactionInterceptor$1.proceedWithInvocation(TransactionInterceptor.java:123)    at org.springframework.transaction.interceptor.TransactionAspectSupport.invokeWithinTransaction(TransactionAspectSupport.java:388)    at org.springframework.transaction.interceptor.TransactionInterceptor.invoke(TransactionInterceptor.java:119)    at org.springframework.aop.framework.ReflectiveMethodInvocation.proceed(ReflectiveMethodInvocation.java:186)    at org.springframework.aop.framework.CglibAopProxy$CglibMethodInvocation.proceed(CglibAopProxy.java:763)    at org.springframework.aop.framework.CglibAopProxy$DynamicAdvisedInterceptor.intercept(CglibAopProxy.java:708)    at hello.hellospring.service.MemberService$$EnhancerBySpringCGLIB$$a533e7bf.join(<generated>)    at hello.hellospring.service.MemberServiceIntegrationTest.회원가입(MemberServiceIntegrationTest.java:28)    at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke0(Native Method)    at java.base/jdk.internal.reflect.NativeMethodAccessorImpl.invoke(NativeMethodAccessorImpl.java:77)    at java.base/jdk.internal.reflect.DelegatingMethodAccessorImpl.invoke(DelegatingMethodAccessorImpl.java:43)    at java.base/java.lang.reflect.Method.invoke(Method.java:568)    at org.junit.platform.commons.util.ReflectionUtils.invokeMethod(ReflectionUtils.java:725)    at org.junit.jupiter.engine.execution.MethodInvocation.proceed(MethodInvocation.java:60)    at org.junit.jupiter.engine.execution.InvocationInterceptorChain$ValidatingInvocation.proceed(InvocationInterceptorChain.java:131)    at org.junit.jupiter.engine.extension.TimeoutExtension.intercept(TimeoutExtension.java:149)    at org.junit.jupiter.engine.extension.TimeoutExtension.interceptTestableMethod(TimeoutExtension.java:140)    at org.junit.jupiter.engine.extension.TimeoutExtension.interceptTestMethod(TimeoutExtension.java:84)    at org.junit.jupiter.engine.execution.ExecutableInvoker$ReflectiveInterceptorCall.lambda$ofVoidMethod$0(ExecutableInvoker.java:115)    at org.junit.jupiter.engine.execution.ExecutableInvoker.lambda$invoke$0(ExecutableInvoker.java:105)    at org.junit.jupiter.engine.execution.InvocationInterceptorChain$InterceptedInvocation.proceed(InvocationInterceptorChain.java:106)    at org.junit.jupiter.engine.execution.InvocationInterceptorChain.proceed(InvocationInterceptorChain.java:64)    at org.junit.jupiter.engine.execution.InvocationInterceptorChain.chainAndInvoke(InvocationInterceptorChain.java:45)    at org.junit.jupiter.engine.execution.InvocationInterceptorChain.invoke(InvocationInterceptorChain.java:37)    at org.junit.jupiter.engine.execution.ExecutableInvoker.invoke(ExecutableInvoker.java:104)    at org.junit.jupiter.engine.execution.ExecutableInvoker.invoke(ExecutableInvoker.java:98)    at org.junit.jupiter.engine.descriptor.TestMethodTestDescriptor.lambda$invokeTestMethod$7(TestMethodTestDescriptor.java:214)    at org.junit.platform.engine.support.hierarchical.ThrowableCollector.execute(ThrowableCollector.java:73)    at org.junit.jupiter.engine.descriptor.TestMethodTestDescriptor.invokeTestMethod(TestMethodTestDescriptor.java:210)    at org.junit.jupiter.engine.descriptor.TestMethodTestDescriptor.execute(TestMethodTestDescriptor.java:135)    at org.junit.jupiter.engine.descriptor.TestMethodTestDescriptor.execute(TestMethodTestDescriptor.java:66)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.lambda$executeRecursively$6(NodeTestTask.java:151)    at org.junit.platform.engine.support.hierarchical.ThrowableCollector.execute(ThrowableCollector.java:73)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.lambda$executeRecursively$8(NodeTestTask.java:141)    at org.junit.platform.engine.support.hierarchical.Node.around(Node.java:137)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.lambda$executeRecursively$9(NodeTestTask.java:139)    at org.junit.platform.engine.support.hierarchical.ThrowableCollector.execute(ThrowableCollector.java:73)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.executeRecursively(NodeTestTask.java:138)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.execute(NodeTestTask.java:95)    at java.base/java.util.ArrayList.forEach(ArrayList.java:1511)    at org.junit.platform.engine.support.hierarchical.SameThreadHierarchicalTestExecutorService.invokeAll(SameThreadHierarchicalTestExecutorService.java:41)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.lambda$executeRecursively$6(NodeTestTask.java:155)    at org.junit.platform.engine.support.hierarchical.ThrowableCollector.execute(ThrowableCollector.java:73)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.lambda$executeRecursively$8(NodeTestTask.java:141)    at org.junit.platform.engine.support.hierarchical.Node.around(Node.java:137)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.lambda$executeRecursively$9(NodeTestTask.java:139)    at org.junit.platform.engine.support.hierarchical.ThrowableCollector.execute(ThrowableCollector.java:73)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.executeRecursively(NodeTestTask.java:138)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.execute(NodeTestTask.java:95)    at java.base/java.util.ArrayList.forEach(ArrayList.java:1511)    at org.junit.platform.engine.support.hierarchical.SameThreadHierarchicalTestExecutorService.invokeAll(SameThreadHierarchicalTestExecutorService.java:41)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.lambda$executeRecursively$6(NodeTestTask.java:155)    at org.junit.platform.engine.support.hierarchical.ThrowableCollector.execute(ThrowableCollector.java:73)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.lambda$executeRecursively$8(NodeTestTask.java:141)    at org.junit.platform.engine.support.hierarchical.Node.around(Node.java:137)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.lambda$executeRecursively$9(NodeTestTask.java:139)    at org.junit.platform.engine.support.hierarchical.ThrowableCollector.execute(ThrowableCollector.java:73)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.executeRecursively(NodeTestTask.java:138)    at org.junit.platform.engine.support.hierarchical.NodeTestTask.execute(NodeTestTask.java:95)    at org.junit.platform.engine.support.hierarchical.SameThreadHierarchicalTestExecutorService.submit(SameThreadHierarchicalTestExecutorService.java:35)    at org.junit.platform.engine.support.hierarchical.HierarchicalTestExecutor.execute(HierarchicalTestExecutor.java:57)    at org.junit.platform.engine.support.hierarchical.HierarchicalTestEngine.execute(HierarchicalTestEngine.java:54)    at org.junit.platform.launcher.core.EngineExecutionOrchestrator.execute(EngineExecutionOrchestrator.java:107)    at org.junit.platform.launcher.core.EngineExecutionOrchestrator.execute(EngineExecutionOrchestrator.java:88)    at org.junit.platform.launcher.core.EngineExecutionOrchestrator.lambda$execute$0(EngineExecutionOrchestrator.java:54)    at org.junit.platform.launcher.core.EngineExecutionOrchestrator.withInterceptedStreams(EngineExecutionOrchestrator.java:67)    at org.junit.platform.launcher.core.EngineExecutionOrchestrator.execute(EngineExecutionOrchestrator.java:52)    at org.junit.platform.launcher.core.DefaultLauncher.execute(DefaultLauncher.java:114)    at org.junit.platform.launcher.core.DefaultLauncher.execute(DefaultLauncher.java:86)    at org.junit.platform.launcher.core.DefaultLauncherSession$DelegatingLauncher.execute(DefaultLauncherSession.java:86)    at org.junit.platform.launcher.core.SessionPerRequestLauncher.execute(SessionPerRequestLauncher.java:53)    at com.intellij.junit5.JUnit5IdeaTestRunner.startRunnerWithArgs(JUnit5IdeaTestRunner.java:71)    at com.intellij.rt.junit.IdeaTestRunner$Repeater.startRunnerWithArgs(IdeaTestRunner.java:33)    at com.intellij.rt.junit.JUnitStarter.prepareStreamsAndStart(JUnitStarter.java:220)    at com.intellij.rt.junit.JUnitStarter.main(JUnitStarter.java:53)Caused by: org.hibernate.exception.SQLGrammarException: could not prepare statement    at org.hibernate.exception.internal.SQLExceptionTypeDelegate.convert(SQLExceptionTypeDelegate.java:63)    at org.hibernate.exception.internal.StandardSQLExceptionConverter.convert(StandardSQLExceptionConverter.java:37)    at org.hibernate.engine.jdbc.spi.SqlExceptionHelper.convert(SqlExceptionHelper.java:113)    at org.hibernate.engine.jdbc.internal.StatementPreparerImpl$StatementPreparationTemplate.prepareStatement(StatementPreparerImpl.java:186)    at org.hibernate.engine.jdbc.internal.StatementPreparerImpl.prepareQueryStatement(StatementPreparerImpl.java:151)    at org.hibernate.loader.Loader.prepareQueryStatement(Loader.java:2122)    at org.hibernate.loader.Loader.executeQueryStatement(Loader.java:2059)    at org.hibernate.loader.Loader.executeQueryStatement(Loader.java:2037)    at org.hibernate.loader.Loader.doQuery(Loader.java:956)    at org.hibernate.loader.Loader.doQueryAndInitializeNonLazyCollections(Loader.java:357)    at org.hibernate.loader.Loader.doList(Loader.java:2868)    at org.hibernate.loader.Loader.doList(Loader.java:2850)    at org.hibernate.loader.Loader.listIgnoreQueryCache(Loader.java:2682)    at org.hibernate.loader.Loader.list(Loader.java:2677)    at org.hibernate.loader.hql.QueryLoader.list(QueryLoader.java:540)    at org.hibernate.hql.internal.ast.QueryTranslatorImpl.list(QueryTranslatorImpl.java:400)    at org.hibernate.engine.query.spi.HQLQueryPlan.performList(HQLQueryPlan.java:219)    at org.hibernate.internal.SessionImpl.list(SessionImpl.java:1459)    at org.hibernate.query.internal.AbstractProducedQuery.doList(AbstractProducedQuery.java:1649)    at org.hibernate.query.internal.AbstractProducedQuery.list(AbstractProducedQuery.java:1617)    ... 84 moreCaused by: org.h2.jdbc.JdbcSQLSyntaxErrorException: Column "MEMBER0_.USERNAME" not found; SQL statement:select member0_.id as id1_0_, member0_.username as username2_0_ from member member0_ where member0_.username=? [42122-200]    at org.h2.message.DbException.getJdbcSQLException(DbException.java:453)    at org.h2.message.DbException.getJdbcSQLException(DbException.java:429)    at org.h2.message.DbException.get(DbException.java:205)    at org.h2.message.DbException.get(DbException.java:181)    at org.h2.expression.ExpressionColumn.getColumnException(ExpressionColumn.java:163)    at org.h2.expression.ExpressionColumn.optimize(ExpressionColumn.java:145)    at org.h2.expression.Alias.optimize(Alias.java:52)    at org.h2.command.dml.Select.prepare(Select.java:1206)    at org.h2.command.Parser.prepareCommand(Parser.java:744)    at org.h2.engine.Session.prepareLocal(Session.java:657)    at org.h2.server.TcpServerThread.process(TcpServerThread.java:278)    at org.h2.server.TcpServerThread.run(TcpServerThread.java:183)    at java.base/java.lang.Thread.run(Thread.java:833)     at org.h2.message.DbException.getJdbcSQLException(DbException.java:502)    at org.h2.engine.SessionRemote.readException(SessionRemote.java:637)    at org.h2.engine.SessionRemote.done(SessionRemote.java:606)    at org.h2.command.CommandRemote.prepare(CommandRemote.java:78)    at org.h2.command.CommandRemote.<init>(CommandRemote.java:50)    at org.h2.engine.SessionRemote.prepareCommand(SessionRemote.java:480)    at org.h2.jdbc.JdbcConnection.prepareCommand(JdbcConnection.java:1116)    at org.h2.jdbc.JdbcPreparedStatement.<init>(JdbcPreparedStatement.java:92)    at org.h2.jdbc.JdbcConnection.prepareStatement(JdbcConnection.java:288)    at com.zaxxer.hikari.pool.ProxyConnection.prepareStatement(ProxyConnection.java:337)    at com.zaxxer.hikari.pool.HikariProxyConnection.prepareStatement(HikariProxyConnection.java)    at org.hibernate.engine.jdbc.internal.StatementPreparerImpl$5.doPrepare(StatementPreparerImpl.java:149)    at org.hibernate.engine.jdbc.internal.StatementPreparerImpl$StatementPreparationTemplate.prepareStatement(StatementPreparerImpl.java:176)    ... 100 more  

해당 로드맵을 듣고 JPA관련 로드맵을 들으면 될까요?

@PostMapping("/settings/profile") ... return "redirect:/profile/" + account.getNickname();   이러한 방식으로 프로필 창으로 바로 넘어가고 싶은데 닉네임이 한글일 경우 ???로 깨짐 현상이 일어납니다. 해결방법을 찾아봐도 해결되지 않아 질문드립니다ㅠ 어느 부분을 수정해야할지 알려주실 수 있을까요?

kaaang@kakao.com 입니다!