안녕하십니까 ? 불규칙적이고 다양한 dom을 사용하는 contents를 컴포넌트화 시킬려면 어떻케 해야하는지 궁금합니다 이런 contents가 만개정도가 있다면 만개 page를 만들수 없는 여건입니다(아래내용 참조) (아래내용에서 contents를 불러오는 event(viewContents) 와 dom 속성과 style을 변경하는 이벤트 동작 필수) 좋은 아이디어가 있을까요 ?   컴포넌트화 시킬 내용 <template> <div class="xNode" id="lawcurtree"> <div class="curNode"> <img id="d0imgtree" class="inline-block" src="/image/tree/base.gif"> <span class="lawmark">법률</span> <div class="inline-block hover:text-blue-500" @click="viewContents('A0000000887Z1817620210518')">근로기준법 [시행 2021. 11. 19.] [법률 제18176호, 2021. 5. 18., 일부개정]</div> </div> <div id="b0imgtree" style="display: block;"> <div class="curNode"> <img id="c1imgtree" class="inline-block" src="/image/tree/minus.gif" @click="displayOnOff('b1imgtree', 'c1imgtree')"> <img id="d1imgtree" class="inline-block" src="/image/tree/folderopen.gif"> <span class="lawmark">시행령</span> <div class="inline-block hover:text-blue-500" @click="viewContents('A0000001009Z3213020211119')">근로기준법 시행령 [시행 2021. 11. 19.] [대통령령 제32130호, 2021. 11. 19., 일부개정]</div> </div> <div id="b1imgtree" style="display: block;"> <div class="curNode"> <img class="inline-block" src="/image/tree/line.gif"> <img id="c4imgtree" class="inline-block" src="/image/tree/minus.gif" @click="displayOnOff('b4imgtree', 'c4imgtree')"> <img id="d4imgtree" class="inline-block" src="/image/tree/folderopen.gif"> <span class="lawmark">시행규칙</span> <div class="inline-block hover:text-blue-500" @click="viewContents('A0000008520Z33520211119')">근로기준법 시행규칙 [시행 2021. 11. 19.] [고용노동부령 제335호, 2021. 11. 19., 일부개정]</div> </div> <div id="b4imgtree" style="display: block;"> <div class="curNode"> <img class="inline-block" src="/image/tree/line.gif"> <img class="inline-block" src="/image/tree/line.gif"> <img id="c1imgtree5" class="inline-block" src="/image/tree/plusbottom.gif" @click="displayOnOff('b1imgtree5', 'c1imgtree5')"> <img id="d1imgtree5" class="inline-block" src="/image/tree/folder02.gif"> <span>행정규칙 </span> </div> <div id="b1imgtree5" style="display: none;"> <div class="curNode"> <img class="inline-block" src="/image/tree/line.gif"> <img class="inline-block" src="/image/tree/line.gif"> <img class="inline-block" src="/image/tree/empty.gif"> <img class="inline-block" src="/image/tree/joinbottom.gif"> <span class="rulemark">훈령</span> <div class="inline-block hover:text-blue-500" @click="viewContents('B0000018446Z14220150227')">임금체불사업주 명단 공개 및 체불자료 제공 관련 업무 처리 규정 [시행 2015. 2. 27.] [훈령 제142호, 2015. 2. 27., 일부개정]</div> </div> </div> </div> <div class="curNode"> <img class="inline-block" src="/image/tree/line.gif"> <img id="c1imgtree4" class="inline-block" src="/image/tree/plusbottom.gif" @click="displayOnOff('b1imgtree4', 'c1imgtree4')"> <img id="d1imgtree4" class="inline-block" src="/image/tree/folder02.gif"> <span>행정규칙 </span> </div> <div id="b1imgtree4" style="display: none;"> <div class="curNode"> <img class="inline-block" src="/image/tree/line.gif"> <img class="inline-block" src="/image/tree/empty.gif"> <img class="inline-block" src="/image/tree/join.gif"> <span class="rulemark">예규</span> <div class="inline-block hover:text-blue-500" @click="viewContents('B0000023689Z4720120925')">통상임금 산정지침 [시행 2012. 9. 25.] [예규 제47호, 2012. 9. 25., 일부개정]</div> </div> <div class="curNode"> <img class="inline-block" src="/image/tree/line.gif"> <img class="inline-block" src="/image/tree/empty.gif"> <img class="inline-block" src="/image/tree/join.gif"> <span class="rulemark">고시</span> <div class="inline-block hover:text-blue-500" @click="viewContents('B0000018909Z2019-3620190731')">재량근로의 대상 업무 [시행 2019. 7. 31.] [고시 제2019-36호, 2019. 7. 31., 일부개정]</div> </div> <div class="curNode"> <img class="inline-block" src="/image/tree/line.gif"> <img class="inline-block" src="/image/tree/empty.gif"> <img class="inline-block" src="/image/tree/joinbottom.gif"> <span class="rulemark">고시</span> <div class="inline-block hover:text-blue-500" @click="viewContents('B0000024093Z2015-7720151014')">평균임금산정 특례 고시 [시행 2015. 10. 14.] [고시 제2015-77호, 2015. 10. 14., 일부개정]</div> </div> </div> </div> <div class="curNode"> <img id="c2imgtree" class="inline-block" src="/image/tree/minus.gif" @click="displayOnOff('b2imgtree', 'c2imgtree')"> <img id="d2imgtree" class="inline-block" src="/image/tree/folderopen.gif"> <span class="lawmark">시행령</span> <div class="inline-block hover:text-blue-500" @click="viewContents('A0000001695Z2246520101027')">근로감독관규정 [시행 2010. 10. 27.] [대통령령 제22465호, 2010. 10. 27., 전부개정]</div> </div> <div id="b2imgtree" style="display: block;"> <div class="curNode"> <img class="inline-block" src="/image/tree/line.gif"> <img class="inline-block" src="/image/tree/joinbottom.gif"> <img id="d3imgtree" class="inline-block" src="/image/tree/folder.gif"> <span class="lawmark">시행규칙</span> <div class="inline-block hover:text-blue-500" @click="viewContents('A0000006784Z15820160616')">근로감독관증 규칙 [시행 2016. 6. 16.] [고용노동부령 제158호, 2016. 6. 16., 타법개정]</div> </div> </div> <div class="curNode"> <img id="c1imgtree3" class="inline-block" src="/image/tree/plusbottom.gif" @click="displayOnOff('b1imgtree3', 'c1imgtree3')"> <img id="d1imgtree3" class="inline-block" src="/image/tree/folder02.gif"> <span>행정규칙 </span> </div> <div id="b1imgtree3" style="display: none;"> <div class="curNode"> <img class="inline-block" src="/image/tree/empty.gif"> <img class="inline-block" src="/image/tree/join.gif"> <span class="rulemark">훈령</span> <div class="inline-block hover:text-blue-500" @click="viewContents('B0000007826Z37420211025')">근로감독관집무규정 [시행 2021. 10. 25.] [훈령 제374호, 2021. 10. 25., 일부개정]</div> </div> <div class="curNode"> <img class="inline-block" src="/image/tree/empty.gif"> <img class="inline-block" src="/image/tree/join.gif"> <span class="rulemark">예규</span> <div class="inline-block hover:text-blue-500" @click="viewContents('B0000023822Z2015-10020151106')">퇴직의 효력발생시기 [시행 2015. 11. 6.] [예규 제2015-100호, 2015. 11. 6., 일부개정]</div> </div> <div class="curNode"> <img class="inline-block" src="/image/tree/empty.gif"> <img class="inline-block" src="/image/tree/join.gif"> <span class="rulemark">고시</span> <div class="inline-block hover:text-blue-500" @click="viewContents('B0000033277Z2021-2920210401')">특별연장근로 건강보호조치 [시행 2021. 4. 6.] [고시 제2021-29호, 2021. 4. 1., 제정]</div> </div> <div class="curNode"> <img class="inline-block" src="/image/tree/empty.gif"> <img class="inline-block" src="/image/tree/joinbottom.gif"> <span class="rulemark">고시</span> <div class="inline-block hover:text-blue-500" @click="viewContents('B0000024895Z2017-1320170113')">한국표준산업분류 [시행 2017. 7. 1.] [고시 제2017-13호, 2017. 1. 13., 전부개정]</div> </div> </div> </div> </template>.

확인차 질문드립니다.  nodeport.yaml 에서  deployment의 metadata:의  name:은 selector: matchLabels:의 app:  이름,  template:metadata:labels:의 app: 이름과는 달라도 되는 것이죠? 1)  kind: Deployment metadata:   name: deploy-nginx 2)   selector:     matchLabels:       app: deploy-nginx 3)   template:     metadata:       labels:         app: deploy-nginx   (질문 요약) 2)의 app: 이름과 3)의 app: 이름은 같아야하지만, 2)의 app: 이름은 1)의 name:과는 같을 필요는 없음.  맞나요?        

[질문 템플릿]1. 강의 내용과 관련된 질문인가요? 아니오2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예[질문 내용]영한님 단축키 사용하실 때 하단에 어떤 단축키인지 설명과 함께 윈도우에서는 어떤 단축키인지 나오는 노티?창뜨는건 어떻게 설정하신 건가요?

이번 실습 중 Vector 클래스에서 인자로 받으신 변수 명은  arg 이나 실습 중에 사용하신 변수 명은 args 로 사용하셨던데.. 저렇게 사용하면 pycharm에서는 에러가 나더라구요 저게 맞는 사용법인가요??

안녕하세요 downcasting 질문 드립니다. 강의 예시에서 dog와 cat 클래스가 class 파일 제공이 되고 부모 클래스 animal은 자바로 제공이 된다고 했을때 부모클래스(animal)에는 없는 night 함수를 자식클래스(cat)에 존재하는지 어떻게 알고 또 어떤 기능인지 어떻게 알고 다운캐스팅을 하여 사용할까요?    

강사님 코드를 완전히 따라하지 않고 따로 프로젝트를 만들어 진행하면서 따라가고 있는데 지금까지 잘 따라 왔습니다. 문제는 로그아웃을 클릭하면 세션 정보가 잘 날라가고 화이트 리스트 외 페이지에 접근이 안 되는 것은 정상적으로 동작하는데 로그아웃을 클릭한 뒤 바로 뒤로가기를 누르면 로그아웃 페이지 까지는 접근이 됩니다. 접근된 로그아웃 페이지에서 다른 페이지로 이동하면 필터 걸려서 다시 튕겨 나오구요. 어떤 부분을 다듬어주면 좋을까요?..

안녕하세요. 강의 잘 들었습니다. 여쭤보고 싶은 것은   1. PV는 왜 Prometheus yaml 파일에 적어주고 PVC는 왜 Grafana yaml 파일에 각자 따로 적어주나요? PVC는 PV와 같이 있어야 할 것 같은데 따로 적어주는 이유가 궁금합니다.   2. 타겟을 따로 exporter로 지정해주고 싶은데 values-prometheus.yaml 파일이 프로메테우스 설정 파일이라고 봐도 되나요? 아니면 따로 야믈 파일을 생성해서 프로메테우스 타겟을 설정해주어야 하나요?

본 강의에서 이미지 탐지 결과에는 글자 색상이 파란색, 영상 탐지 결과에는 글자 색상이 빨간색입니다.    글자 색상은 똑같이 (0, 0, 255)로 설정했는데 이미지와 영상에서 왜 색상이 다르게 나오는 것일까요?   감사합니다.

학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예/아니오)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오)[질문 내용]여기에 질문 내용을 남겨주세요.   평소 SRP는 클래스는 하나의 책임을 가져야 한다. 즉, 클래스를 변경하는 이유는 하나여야 한다 정도로 알고있었습니다. p.12 에서 '결과적으로 프록시 클래스를 수 없이 만들어야 하는 문제도 해결하고, 부가 기능 로직도 하나의 클래스에 모아서 단일 책임 원칙(SRP)도 지킬 수 있게 되었다.' 라는 부분에서 '부가 기능 로직도 하나의 클래스에 모아서 단일 책임 원칙(SRP)도 지킬 수 있게 되었다' 는 내용이 잘 이해가 되지 않습니다.   유지보수를 위해 변경지점을 한곳으로 모아야 한다는것은 이해했지만 기존의 프록시 클래스들도 변경이유는 부가기능 같은 하나의 이유라고 생각해서 SRP 를 만족하지 않을까 라는 생각을 했습니다. 이 부분과 SRP관련해서 제가 잘못 알고있는게 있는지 알 수 있을까요?  

탭뷰에서 이벤트를 받은 후  탭을 변경해주는 것 까지 처리 후 메인에게 이벤트가 발생했다라는 사실만 전달해주는 것 같은데   이벤트만 컨트롤러에게 전달해주고 컨트롤러가 다시 TabView.setActiveTab 함수를 호출해주는 방식도 괜찮을까요?

4:00쯤에  {{board.title}} 에 a 태그를 추가할 때 저는 게시글 제목말고 row 전체에다가 링크를 걸고 싶어서 <tr> <a href="{{ board.get_absolute_url }}"> <th scope="row">{{ board.pk }}</th> <td>{{ board.title }}</td> <td>{{ board.author }}</td> <td>{{ board.created_at }}</td> </a></tr> 이렇게 하면 작동을 안하더라고요. 어떻게 하면 row 전체에 링크를 걸 수 있나요?  

    const post = await Post.create({       content: req.body.content,       UserId: req.user.id, // deserializeUser 실행되면서 req.user에 값을 넣어준다.   });    const fullPost = await Post.findOne({       where: {         id: post.id,       },       include: [         {           model: Image,         },         {           model: Comment,           include: [             {               model: User, // 댓글 작성자               attributes: ["id", "nickname"],             },           ],         },         {           model: User, // 게시글 작성자           attributes: ["id", "nickname"],       },   include한 모델들이 어떻게 post에 관한 정보들을 가져 올 수 있는지 궁금합니다. 예를들어 제 생각에는 post에 관한 모델 User를 가지고 올려면 User에 User.findOne({where:{PostId: post.id}})처럼 post에 관한 정보가 있어야 된다고 생각하는데 그런 속성 없이 가져 올 수 있는게 이해가 안갑니다.

마지막 쯤에 "결과물을 promise를 통해 future로 받는다."라고 하셨는데, 여기서 결과물이란게 헷갈립니다. 그래서 제가 이해한게 맞는지 확인하고 싶습니다. 저는 "쓰레드에서 실행한 함수의 결과물을 promise를 통해 future로 받는다"로 이해했는데 맞을까요?  

안녕하세요. 좋은 강의 잘 듣고 있습니다. 제가 일단 프로젝트를 분석하면서 천천히 공부하고 있는데 Daager Hilt를 사용할 때 파이어베이스, 네트워크 모듈은 Object인데 나머지 모듈은 클래스로 작성되어 있더라구요. Daager Hilt 관점에서 오브젝트와 클래스의 어떤 차이점이 있나요?   그리고 메인뷰모델에서 5개의 UseCase를 사용하는데 의존성주입 모듈에는 checkLoveCalculatorUseCase 밖에 없더라구요. 나머지 UseCase는 어떤식으로 주입되는건가요?  

올려주신 영상에서 form 태그에서 method를 지워야지 index2.html로 이동하는걸 확인했습니다.영상에서는 뒤 늦게 method를 적어주고 뒤로가기 버튼을 통해서 index.html로 이동하는 것처럼 보이는데이 경우에는 method는 필요없는게 맞을까요?

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

안녕하세요! :). 강의 너무 잘 듣고 있습니다!! ✨✨✨ 강의 들으며 이것저것 만들어보고 있었는데 간단하게 구현하고 싶은 게 있어서 질문 드립니다! 저런식으로 배열 만들어서 랜덤한 위치에 사람모델링을 배치하는 방식으로 화면 구성을 하고 있었는데, 웹 화면에서 사람 하나하나를 클릭하면, 특정 이미지가 화면에 뜨게끔 하려면 어떻게 코드를 써야 할까요,,,??..(아래 사진처럼 구현하고 싶습니다!) 사람 모델링 각각을 클릭할 때마다 다른 이미지가 화면에 뜨도록 하고 싶어서 players[0] .addEventListener('click', () => {} players[1] .addEventListener('click', () => {} 이런식으로 하나하나 작성하면 될까요?..? css js를 얕게만 공부해가지구 저기 함수 안에? 뭐라고 써야 이미지가 뜨는지 모르겠어서,,질문 드립니다!!   +앗 현재 컨트롤러는 아래과 같이 설정되어 있습니다!뭔가 Lock때문에 사람 모델링 하나하나 클릭하는 게 어려울 것 같기도 하네요,,  

안녕하세요, 선생님! 좋은 강좌 감사히 잘 듣고있습니다. 실습을 진행하면서 소스트리에 boxiting-oct 저장소를 추가하고자 할 때 발생하는 오류를 해결하지 못해 고민하다가 이렇게 질문글을 씁니다. 도움 주시면 정말 감사하겠습니다.   우선 저는 boxiting-cat에서 push가 안 되는 문제를 겪었습니다. 소스트리에 깃헙을 연동할 때 유저네임과 비번을 써야했는데, 이 때 비번을 깃헙 로그인 비번을 사용하는 바람에 push가 안되는 것 같았습니다. 검색해보니 토큰을 적용하기 전에 비밀번호를 통한 로그인을 시도했을 경우 저장된 비번으로 인해 문제가 발생한다는 이야기를 보았습니다. 이를 해결하기 위해 설정 > 원격 저장소 정보 > URL경로를 편집하여 http://와 github 사이에 personalaccesstoken@을 입력해주었습니다. 이렇게 하고나니 드디어 boxiting-cat에서 푸시가 가능해졌습니다. 안심하고 실습을 계속 진행했는데요,    그 다음으로 소스트리에서 새로만들기 > 로컬저장소 추가하기 > boxiting-oct 폴더를 눌러 진행하자 다음과 같은 오류가 발생했습니다. 로컬저장소에 -cat폴더를 추가하는 것 까지는 가능한데, -oct폴더를 추가하려고 하면 오류창이 뜹니다. 일단 오류창이 뜨면 ‘다시열기'를 눌러보아도 소스트리 창이 팝업조차 되지 않습니다.    이걸 해결하기 위해서 제가 시도해본 방법은 크게 세가지인데요,   키체인 액세스에서 GitHub Credentials와 GitHub.comAccessKeyfor[계정명]을 삭제 후 PC 재부팅하기  소스트리 완전 삭제(응용프로그램에서 소스트리 삭제, 파인더에서 ~/Library/Application Support/SourceTree 삭제, ~/Library/Preferences/com.torusknot.SourceTreeNotMAS.plist 삭제) -> 재부팅하고 소스트리 재설치하기 소스트리의 -cat폴더에서 설정> 원격 저장소 정보> URL경로를 편집하여, 푸시 오류를 해결하기 위해서 추가했던 토큰@을 삭제 -> -oct 폴더 추가해보기 입니다.   특히 2의 방법은 여러번 시도해보았는데도 문제가 해결이 안됩니다. 여전히 로컬저장소 추가하기에서 -oct 폴더를 추가하려고 하면 같은 오류창이 뜨네요. 이 상황에서 무엇을 더 시도해보아야 할지 모르겠습니다. 도움 주신다면 정말 감사하겠습니다.

Caused by: org.springframework.beans.factory.NoUniqueBeanDefinitionException: No qualifying bean of type 'hello.core.member.MemberRepository' available: expected single matching bean but found 2: memoryMemberRepository,MemberRepository   최대한 해결해보려고 했지만 어디서 오류가 뜬지 잘 모르겠습니다...

FLOURISH 사이트 내에서 해당 템플릿으로 들어가면, 데이터 탭에 기본으로 주어지는 링크가 있습니다. 해당 열을  활용하시면 됩니다. 'https://public.flourish.studio/country-flags/svg/af.svg' <- 예시입니다. 다만 코딩하는 과정에서 조금 문제가 있었는데,  저희가 사용하고 있는 코드 안에 iso2는 대문자로 구성되어, 오류가 생기는 문제가 있는데 해당 오류는 create_flag_link 함수 내에서 row를 소문자하는 과정으로 해결됩니다! 또한 이후 시각화한 자료를 보면 미국의 국기가 이상한 걸 볼 수 있는데,  해당 오류는 제 경우에는 row 값이 'AS'로 되는 과정이 있어, if문으로 'AS' -> 'US'로 잡아줬습니다. def create_flag_link(row): if row == 'AS': row = 'US' row = row.lower() flag_link = "https://public.flourish.studio/country-flags/svg/" + row + ".svg" return flag_link doc_final_country['iso2'] = doc_final_country['iso2'].apply(create_flag_link) 함수 내에서 if 문과 소문자 처리 순서는 바뀌면 안됩니다!