172만명의 커뮤니티!! 함께 토론해봐요.
미해결
[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발
안녕하세요 선생님 궁금한점이 있어 질문드립니다. mybatis에서의 로직은 Dao를 interface로 생성하고 mapper.xml랑 mapping하여 dao의 구현부(?)로 설정하여 bean을 생성하는 로직인것으로 아는데 JPA에서는 어떻게 동작하는것일까요?? userRepository를 interface로 생성하여서 구현부없이 bean 생성시 에러가 발생하지 않나요? 내부적으로 구현부가 따로 있는것일까요? 설명좀부탁드리겠습니다.
미해결
설계독학맛비's 실전 Verilog HDL Season 1 (Clock부터 Internal Memory까지)
안녕하세요 항상 영상 감사히 보고 있습니다~ 유튜브 강의에 대한 질문을 여기에 올려도 될지 모르겠네요.. 유튜브에 올려져 있는 FPGA 16강에서 궁금한 점이 생겨 이렇게 글을 남깁니다. vitis에서 malloc 함수를 통해 동적 메모리 할당을 하셨는데 기본적으로 할당된 heap size는 그보다 작게 배정이 되어있는 것 같습니다. size 조정없이 사용해도 문제 될 여지가 없을까요?~
미해결
Slack 클론 코딩[실시간 채팅 with React]
강의 초반에도 말씀하셨었는데 실제 slack에서 html과 css를 가져오신다고 들었어요. 제로초님이 가져오신 소스코드 말고 실제로 제가 브라우저의 개발자 도구를 사용해서 소소코드를 직접 가져와 클론해보고 싶은데요. 어떻게 가져올 수 있나요? 실제 웹사이트 주소는 https://slack.com/get-started#/create 여기인데요. 저 페이지에서 html은 어떻게 가져와야 하는지, 어떤 css는 다운로드 해와야 하고, 어떤 css는 css-in-js로 가져와야 하는 것인지 궁금합니다! 또 편리하게 복사해오는 방법이 있다면 그것도 알려주세요!
미해결
Slack 클론 코딩[실시간 채팅 with React]
styled로 작성하는 것이 한 컴포넌트에 css를 미리 입히는 방식인데, 만약 한 컴포넌트의 css가 동적으로 바뀌어야 할 때라면 어떻게 해야하나요? 예를 들어, 어떤 웹사이트에서 theme기능을 구현하려 할 때, 같은 컴포넌트라더라도 theme마다 다른 스타일로 보여져야 할 때가 있을텐데요. 이런 경우에는 어떻게 해야할까요?
해결됨
반응형 웹사이트 포트폴리오(Architecture Agency)
<!-- work : responsive --> <section class="cd-section" id="works1"> <div> <div class="content"> <article class="work_inner"> <input type="radio" name="tabmenu" id="tab1" checked /> <input type="radio" name="tabmenu" id="tab2" /> <input type="radio" name="tabmenu" id="tab3" /> <input type="radio" name="tabmenu" id="tab4" /> <input type="radio" name="tabmenu" id="tab5" /> <input type="radio" name="tabmenu" id="tab6" /> <div class="r_tabs"> <div class="tab"> <div class="work_info" data-text="01"> <h3>WORK<span>_반응형</span></h3> <ul> <li><b>Topic</b> : Food</li> <li><b>Name of work</b> : <span>육쌈냉면</span></li> <li><b>Tool</b> : Visual Studio Code / Figma</li> </ul> <div class="detail"> <div><span>21.04</span>Completed Date</div> <div><span>100%</span>Contribution</div> </div> <a href="detail_yookssam.html" class="viewmore" >VIEW MORE <i class="fas fa-arrow-right"></i ></a> </div> <div class="work_pic"> <div class="r_pic1"></div> <div class="r_pic2"></div> </div> </div> <div class="tab"> <div class="work_info" data-text="02"> <h3>WORK<span>_반응형</span></h3> <ul> <li><b>Topic</b> : Fashion</li> <li> <b>Name of work</b> : <span>메종 마르지엘라</span> </li> <li><b>Tool</b> : Visual Studio Code / Figma</li> </ul> <div class="detail"> <div><span>21.01</span>Completed Date</div> <div><span>100%</span>Contribution</div> </div> <a href="detail_mm.html" class="viewmore" >VIEW MORE <i class="fas fa-arrow-right"></i ></a> </div> <div class="work_pic"> <div class="r_pic3"></div> <div class="r_pic4"></div> </div> </div> <div class="tab"> <div class="work_info" data-text="03"> <h3>WORK<span>_반응형</span></h3> <ul> <li><b>Topic</b> : Cosmetics</li> <li><b>Name of work</b> : <span>시드물</span></li> <li><b>Tool</b> : Visual Studio Code / Figma</li> </ul> <div class="detail"> <div><span>21.04</span>Completed Date</div> <div><span>100%</span>Contribution</div> </div> <a href="detail_sidmool.html" class="viewmore" >VIEW MORE <i class="fas fa-arrow-right"></i ></a> </div> <div class="work_pic"> <div class="r_pic5"></div> <div class="r_pic6"></div> </div> </div> <div class="tab"> <div class="work_info" data-text="04"> <h3>WORK<span>_반응형</span></h3> <ul> <li><b>Topic</b> : Art</li> <li><b>Name of work</b> : <span>성남아트센터</span></li> <li><b>Tool</b> : Visual Studio Code / Figma</li> </ul> <div class="detail"> <div><span>21.04</span>Completed Date</div> <div><span>100%</span>Contribution</div> </div> <a href="detail_seongnam.html" class="viewmore" >VIEW MORE <i class="fas fa-arrow-right"></i ></a> </div> <div class="work_pic"> <div class="r_pic7"></div> <div class="r_pic8"></div> </div> </div> <div class="tab"> <div class="work_info" data-text="05"> <h3>WORK<span>_반응형</span></h3> <ul> <li><b>Topic</b> : Products</li> <li><b>Name of work</b> : <span>자코모</span></li> <li><b>Tool</b> : Visual Studio Code / Figma</li> </ul> <div class="detail"> <div><span>21.03</span>Completed Date</div> <div><span>100%</span>Contribution</div> </div> <a href="detail_jacomo.html" class="viewmore" >VIEW MORE <i class="fas fa-arrow-right"></i ></a> </div> <div class="work_pic"> <div class="r_pic9"></div> <div class="r_pic10"></div> </div> </div> <div class="tab"> <div class="work_info" data-text="06"> <h3>WORK<span>_반응형</span></h3> <ul> <li><b>Topic</b> : Fashion</li> <li><b>Name of work</b> : <span>반스</span></li> <li><b>Tool</b> : Visual Studio Code / Figma</li> </ul> <div class="detail"> <div><span>21.04</span>Completed Date</div> <div><span>100%</span>Contribution</div> </div> <a href="detail_vans.html" class="viewmore" >VIEW MORE <i class="fas fa-arrow-right"></i ></a> </div> <div class="work_pic"> <div class="r_pic11"></div> <div class="r_pic12"></div> </div> </div> </div> <div class="btn"> <label for="tab1"><!-- tab1 --></label> <label for="tab2"><!-- tab2 --></label> <label for="tab3"><!-- tab3 --></label> <label for="tab4"><!-- tab4 --></label> <label for="tab5"><!-- tab5 --></label> <label for="tab6"><!-- tab6 --></label> </div> </article> </div> </div> </section> <!-- work : adaptive --> <section class="cd-section" id="works2"> <div> <div class="content"> <article class="work_inner"> <input type="radio" name="tabmenu" id="tab10" checked /> <input type="radio" name="tabmenu" id="tab11" /> <input type="radio" name="tabmenu" id="tab12" /> <input type="radio" name="tabmenu" id="tab13" /> <div class="a_tabs"> <div class="tab"> <div class="work_info" data-text="01"> <h3>WORK<span>_적응형</span></h3> <ul> <li><b>Topic</b> : Place</li> <li><b>Name of work</b> : <span>쌈지길</span></li> <li><b>Tool</b> : Visual Studio Code / Figma</li> </ul> <div class="detail"> <div><span>20.12</span>Completed Date</div> <div><span>100%</span>Contribution</div> </div> <a href="detail_ssamzi.html" class="viewmore" >VIEW MORE <i class="fas fa-arrow-right"></i ></a> </div> <div class="work_pic"> <div class="a_pic1"></div> <div class="a_pic2"></div> </div> </div> <div class="tab"> <div class="work_info" data-text="02"> <h3>WORK<span>_적응형</span></h3> <ul> <li><b>Topic</b> : Person</li> <li><b>Name of work</b> : <span>데이비드 간디</span></li> <li><b>Tool</b> : Visual Studio Code / Figma</li> </ul> <div class="detail"> <div><span>21.12</span>Completed Date</div> <div><span>100%</span>Contribution</div> </div> <a href="detail_gandy.html" class="viewmore" >VIEW MORE <i class="fas fa-arrow-right"></i ></a> </div> <div class="work_pic"> <div class="a_pic3"></div> <div class="a_pic4"></div> </div> </div> <div class="tab"> <div class="work_info" data-text="03"> <h3>WORK<span>_적응형</span></h3> <ul> <li><b>Topic</b> : Cosmetics</li> <li><b>Name of work</b> : <span>조 말론 코오롱</span></li> <li><b>Tool</b> : Visual Studio Code / Figma</li> </ul> <div class="detail"> <div><span>20.11</span>Completed Date</div> <div><span>100%</span>Contribution</div> </div> <a href="detail_jm.html" class="viewmore" >VIEW MORE <i class="fas fa-arrow-right"></i ></a> </div> <div class="work_pic"> <div class="a_pic5"></div> <div class="a_pic6"></div> </div> </div> <div class="tab"> <div class="work_info" data-text="04"> <h3>WORK<span>_적응형</span></h3> <ul> <li><b>Topic</b> : Food</li> <li><b>Name of work</b> : <span>하겐다즈</span></li> <li><b>Tool</b> : Visual Studio Code / Figma</li> </ul> <div class="detail"> <div><span>21.03</span>Completed Date</div> <div><span>100%</span>Contribution</div> </div> <a href="detail_haagan.html" class="viewmore" >VIEW MORE <i class="fas fa-arrow-right"></i ></a> </div> <div class="work_pic"> <div class="a_pic7"></div> <div class="a_pic8"></div> </div> </div> </div> <div class="btn"> <label for="tab10"><!-- tab1 --></label> <label for="tab11"><!-- tab2 --></label> <label for="tab12"><!-- tab3 --></label> <label for="tab13"><!-- tab4 --></label> </div> </article> </div> </div> </section> /* ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ section : works */ .work_inner { height: 100%; border: 2px solid #ddd; overflow: hidden; } /* 속성선택자 */ input[name="tabmenu"] { display: none; } .btn { /* border: 2px solid #000; */ position: absolute; left: 0px; bottom: 100px; width: 30%; text-align: center; } .btn label { cursor: pointer; width: 5px; height: 5px; border-radius: 50%; background-color: #000; display: inline-block; margin-right: 15px; position: relative; } .btn label::before { content: ""; display: inline-block; border: 1px solid transparent; width: 15px; height: 15px; border-radius: 50%; position: absolute; left: -6px; top: -6px; transition: 0.3s; } .btn label:hover::before { border: 1px solid #aaa; } /* 반응형 */ input[id="tab1"]:checked ~ .btn label[for="tab1"]::before, input[id="tab2"]:checked ~ .btn label[for="tab2"]::before, input[id="tab3"]:checked ~ .btn label[for="tab3"]::before, input[id="tab4"]:checked ~ .btn label[for="tab4"]::before, input[id="tab5"]:checked ~ .btn label[for="tab5"]::before, input[id="tab6"]:checked ~ .btn label[for="tab6"]::before { border: 1px solid #222; } input[id="tab1"]:checked ~ .r_tabs { margin-left: 0; } input[id="tab2"]:checked ~ .r_tabs { margin-left: -100%; } input[id="tab3"]:checked ~ .r_tabs { margin-left: -200%; } input[id="tab4"]:checked ~ .r_tabs { margin-left: -300%; } input[id="tab5"]:checked ~ .r_tabs { margin-left: -400%; } input[id="tab6"]:checked ~ .r_tabs { margin-left: -500%; } /* 적응형 */ input[id="tab10"]:checked ~ .btn label[for="tab10"]::before, input[id="tab11"]:checked ~ .btn label[for="tab11"]::before, input[id="tab12"]:checked ~ .btn label[for="tab12"]::before, input[id="tab13"]:checked ~ .btn label[for="tab13"]::before { border: 1px solid #222; } input[id="tab10"]:checked ~ .a_tabs { margin-left: 0; } input[id="tab11"]:checked ~ .a_tabs { margin-left: -100%; } input[id="tab12"]:checked ~ .a_tabs { margin-left: -200%; } input[id="tab13"]:checked ~ .a_tabs { margin-left: -300%; } .r_tabs { width: 600%; height: 100%; /* border: 2px solid green; */ transition: 0.5s; } .r_tabs .tab { height: 100%; /* width: 100%; 로 하면 안되는이유 : 300의 100을 받아오는거임 그래서 300으로 생각하기 때문에 걍 300의 3등분이라 생각해서 33.3333을 써줘야하는 것 */ width: calc(100% / 6); float: left; } .a_tabs { width: 400%; height: 100%; /* border: 2px solid green; */ transition: 0.5s; } .a_tabs .tab { height: 100%; /* width: 100%; 로 하면 안되는이유 : 300의 100을 받아오는거임 그래서 300으로 생각하기 때문에 걍 300의 3등분이라 생각해서 33.3333을 써줘야하는 것 */ width: 25%; float: left; } .tab > div { /* border: 2px solid yellow; */ height: 100%; float: left; }
미해결
쉽고 자연스럽게 배워보는 Javascript 입문 - 코드스쿼드 마스터즈 코스 레벨1
링크타도 못찾겠습니다 ㅜㅠ
미해결
스프링 핵심 원리 - 기본편
안녕하세요 영한님 ! 열심히 강의 듣고 있는 학생입니다. 다름이 아니라 스코프 부분 강의에서 질문이 있습니다. 영한님 안녕하세요 강의 잘 듣고 있는 학생입니다. 항상 감사합니다. 다름이 아니라, 위에서 단순히 ac.close() 를 호출했을 뿐인데, 왜 @PreDestroy 붙은 함수가 호출되는지 궁금합니다. 기본적으로 default 로 close() 와 @ PreDestroy 가 연결이 되어 있다고 한 것 떄문인가요?? 그리고 static class Singleton 클래스에 @Configuration 이 붙어있지 않은데도, 빈으로 등록할 수 있는 이유는 @Scope 라고 붙은 클래스를 그냥 지정(AnnotationConfigApplicationContext 에 ) 하면 자동으로 빈으로 등록이 되는 것 맞을까요?? 미리 답변 감사합니다. 좋은 강의 항상 감사해요!
미해결
[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발
스프링부트가 시작하는 시점에 어떻게 data.sql를 읽어들이는걸까요? 해당 경로를 명시한 곳이 내부적으로 있을까요?
해결됨
Slack 클론 코딩[실시간 채팅 with React]
절대경로 설정이 안됩니다.. 영상과 깃헙에 있는 것과 tsconfig설정, webpack설정 동일하게 했고, client파일에서 app을 @layouts/app으로 가져오는건 되었는데 이 부분은 절대경로가 안먹히네요. 상대경로로 하면되요.. 어디 확인 더 해야할것 있을까요?
미해결
남박사의 파이썬 기초부터 실전 100% 활용
tag.html이라는 파일을 생성하고 아래와 같이 작성한다음 tag.html의 explorer를 들어가서 edge, chrome 등을 실행시켜도 "네이버입니다" 또는 이미지 배너가 전혀 뜨지않고 그냥 하얀 바탕화면 입니다.. 머가 잘못된 걸까요 ㅠ ㅠ < a href = "https://www.naver.com" > 네이버입니다. </ a > < img src = https://ssl.pstatic.net/tveta/libs/1340/1340015/9aa93c1844b5504cc49e_20210715144540630.jpg " >
미해결
자바 ORM 표준 JPA 프로그래밍 - 기본편
안녕하세요 영한님!! PERSIST에 대한 궁금증이 생겨 질문드립니다. 코드 갖고왔습니다!! 감사합니다!! https://docs.google.com/document/d/1lkgE0OCMhcmk0CHpej_yw1QiREpzBX4uBmsFF0EIsxU/edit?usp=sharing 이곳에 코드와 질문을 같이 올려두었습니다!
미해결
문과생도, 비전공자도, 누구나 배울 수 있는 파이썬(Python)!
윈도우 7을 쓰는데 윈도우 버전이 안 맞아서 설치가 안 됩니다. node가 없어도 수업 자체에는 큰 지장이 없나요?
미해결
실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
예제들로 JPA 완벽히 숙지하고 나서 SPRING DATA JPA학습하는게 좋을까요? 아니면 SPRING DATA JPA 공부하고 두개 적절히 쓰는게 좋은가요 실제 업무에서 두개의 활용도가 궁금합니다.
미해결
스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
글로벌 변수 error의 경우에는 form값의 초기화가 안일어나는데, 필드 변수 error의 경우는 form값이 모두 날아갑니다. item으로 맵핑해놨는데 왜이럴까요?? 예제 코드로 똑같이 copy해도 이렇습니다.
해결됨
설계독학맛비's 실전 Verilog HDL Season 1 (Clock부터 Internal Memory까지)
아으니.. 질문을 지우시고 유튭에다 적으셨군요. 업로드 하려고 눌렀더니 안되서 봤더니.. ㅎ 되도록이면 인프런을 활용해주세요. 유튭 글쓰기 불편해요 ㅜ ============== 질문 ================= 개인공부를 하다 궁금증이 생겨 질문드립니다 !! fixed point 수 체계에서 반올림은 어떤식으로 구현되는지 궁금합니다. 검색 해보니까 Rounding down, Rounding up, Rounding away from zero, Rounding towards zero 이런 식으로 종류가 많던데 혹시 HW에서 특별이 선호되는 방법이 있나요? . ============== 답변 ================= 반올림을 결정하는건 알고리즘 엔지니어의 역할 같아요 :) 왜냐하면, 반올림 여부에 따라 결과 값이 달라지기 때문 에, 이를 보장하는 거는 HW 설계 엔지니어의 역할이라 생각되진 않습니다. HW 엔지니어는 정답지와 동일하게 답을 내는 설계를 해야한다고 생각해요. 만약 반올림을 HW 엔지니어가 정할 수 있으면, 제가 굳이 하나 고른다면, 구현이 가장 쉽고 logic size 가 작은 "버림" 을 취하지 않을까 싶습니다.
미해결
홍정모의 따라하며 배우는 C언어 (부록)
while (search != NULL) search = search->next; search = new_node; new_node->next = NULL; 이 코드에서 search가 링크드 리스트의 마지막 노드의 next 주소를 가지고 있는거 아닌가요? 그래서 new_node의 주소를 대입하는 것과 while (search->next != NULL) search = search->next; search->next = new_node; new_node->next = NULL; 이코드에서 search가 마지막 노드의 주소를 가지고 있고, 그래서 next에 new_node의 주소를 넘겨주는 것과 무슨 차이가 있는지 모르겠습니다. 아래코드는 정상 작동하고 위에 코드가 작동하지 않습니다.
해결됨
코딩은 실전이다! - Git알못을 위한 깃린이코스(Git, Github 실습위주)
eden.tictoc@gmail.com 입니다. 부탁드려요~
미해결
리액트로 나만의 블로그 만들기(MERN Stack)
안녕하세요 다름이 아니고 바벨없이 노드 최신버전 16. 으로 개발을 진행해서 막힘 없이 모든 튜토리얼들을 구현 했는데요 (찾아보면서 모든 에러들을 해결 했구요 바벨 없이 "type" : "module" 정의 해주고 난후 마지막 배포 부분 중간 까지 진행 하였습니다) 지금 현재 한부분에서 막혀있습니다. 지금 putty로 모든 AWS EC2 에 필요한 부분들을 진행 한후에 client 폴더에서 build까지 되는데요, 다만 튜토리얼 마지막 부분쯤에 AWS 에서 제공한 public IP 주소로 웹사이트를 키실때 "sudo node build/server.js" 를 치시는데 저는 지금 바벨 없이 진행을 했기때문에 root folder package.json 안에 "dev": "nodemon ./server/server.js" "prebuild": "cd client && npm run build" 이 두개만 정의가 되어 있고 아래 두개는 정의 되어 있지 않습니다 (필요 없다고 판단되어서요) "build" : "babel server --out-dir build" "build:sever" : "babel server --out-dir build" 다만, 저 부분들이 없기때문에 "sudo node build/server.js" 를 못하고 있는데요. 어떻게 진행하면 될까요 ?
미해결
AWS 클라우드 서비스 인프라 구축 이해와 해킹, 보안
ICMP 핑 날리기 위해 인바운드 규칙에서 IP 허용을 0.0.0.0/0 으로 전체로 해놓았는데, 프라이빗은 오직 퍼블릭에서 접근해야 하니깐 사용자 IP를 퍼블릭의 private 주소 즉, 여기서는 프라이빗 IPv4주소인 10.0.0.41 로 해야 하는거 아닌가요? 왜 0.0.0.0/0 으로 해서 모든 사용자가 프라이빗 대역(10.0.1.0/24)에 접근 하게 되는거 아닌가요?
미해결
[라즈베리파이] IoT 딥러닝 Computer Vision 실전 프로젝트
도움이 될까 싶어서 글 남깁니다! 가상환경에서는 잘 돌아갔었는데 라즈베리파이안에서 Thonny Python IDE 로 실행했을 때, ModuleNotFoundError: No module named 'cv2' 라는 에러가 떴었는데 가상환경에서만 설치를 해줘서인지 pip install opencv-python pip install numpy —upgrade pip install firebase-admin 이명령어 세개를 가상환경이아닌 기본cmd창에서 설치를 해줘야 Thonny Python IDE 에서도 잘 돌아가더라구요!
