172만명의 커뮤니티!! 함께 토론해봐요.
미해결
모바일 웹 퍼블리싱 포트폴리오 with Figma
안녕하세요. 선생님~ 상품디테일 하단 아코디언 진행중에 처음에 타이틀 +일때 클릭하면 -로 변경되고 디테일이 나오는데요, 다시 타이틀 -를 누르면 디테일이 사라지면서 타이틀이 +로 바뀌어야 하는거 아닐까요? 클릭하면 계속 active만 추가되었다 빠졌다해서 디테일은 그대로 있고 타이틀 부분만 +, -변경되서 질문드립니다~ 혹시 js 이렇게 변경해서 사용해도 되는걸까요? 확인부탁드립니다~
미해결
비전공자를 위한 진짜 입문 올인원 개발 부트캠프
콜백함수에서 첫번째 함수 선언했을때 나중에 그냥 sayHello()로 호출하면안되나요? 굳이 함수를 새로 만들어서 거기 인자에 콜백함수 넣고, 함수이름(sayHello)를 실행시키는 이유가 궁금해요~~
해결됨
[코드캠프] 시작은 프리캠프
이름, Phone, E-mail, 인스타그램 이 텍스트를 >< 사이에 넣는것과 </i> 오른쪽에 넣는 것과 차이가 있나요??
미해결
재고시스템으로 알아보는 동시성이슈 해결방법
공부하다가 의문이 생겼는데요, 낙관적 락 - 충돌 잦으면 락 획득 재시도 로직 때문에 성능 안좋음 비관적 락 - 충돌 잦으면 낙관적 락보다 성능좋음. 분산 락 - 스케일 아웃된 DB 환경에서도 사용 가능 - Redis 라이브러리마다 다른데 Lettuce는 스핀락으로 구현되서 재시도 많으면 불리 Redisson은 pub-sub 기반이라 재시도 많으면 유리 정확하진 않지만 이렇게 알고있습니다. 질문은 1. 잘못 알고 있나요? 2. 제가 공부한게 맞다면, 무조건 비관적 락, 낙관적 락 말고 분산락 + Redis(Lettuce/Redisson) 쓰는게 좋은건가요?
미해결
자바 ORM 표준 JPA 프로그래밍 - 기본편
영상 제일 마지막에 영속성 전이 설정 하는 부분에서 OrderItem이 Item과도 연관이 되어있지 않나요?~ OrderItem을 Order에 cascade해도 상관없는 걸까요?
미해결
중상급 퍼블리싱을 위한 CSS3의 모든 것
안녕하세요 수강을 시작한지 얼마 되지 않은 학생입니다. 강의를 듣던중 질문이 생겨 질문드립니다. 강의 12분 경 선택자 우선순위를 설명하시면서 외부 스타일시트 보다 내부 css가 더 우선한다고 말씀해주셨는데 <link rel="stylesheet" href="style.css"> <style> h1 { color : yellowgreen; } </style> 이런식으로 구성되어 있는데 내부 css가 우선해서 yellowgreen 이 적용된다는 식으로 말씀을 해주셨는데 우선순위가 같을 경우 top-down 으로 적용되다 보니 yellowgreen이 적용되는거 아닌가요 style 태그가 link 태그 상단으로 이동된다면 결과는 반대가 됩니다 우선순위가 같을 경우 나중에 쓴것이 덮어쓴다고 알고있습니다 하신 말씀이 오해의 소지가 있는거 같아 질문 남깁니다 답변 부탁드리겠습니다 감사합니다.
미해결
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
■ 질문 남기실 때 꼭! 참고해주세요. - 먼저 유사한 질문이 있었는지 검색해주세요. - 궁금한 부분이 있으시면 해당 강의의 타임라인 부분을 표시해주시면 좋습니다. - HTML, CSS, JQUERY 코드 소스를 텍스트 형태로 첨부해주시고 스크린샷도 첨부해주세요. - 다운로드가 필요한 파일은 해당 강의의 마지막 섹션에 모두 있습니다. <보고 있던 강의제목> 3. 상단 드롭다운 네비게이션(3가지 타입) – HTML+CSS+JQUERY 강의시점 23:09 아래는 작성한 css body { display: flex; justify-content: center; } .container { border: 1px solid #000; width: 1200px; } header { display: flex; justify-content: space-between; position: relative; } header>div { border: 1px solid #000; height: 100px; } .header-logo { width: 200px; } .navi { width: 600px; } .slide {} .slide div { border: 1px solid #000; height: 300px; } .items { display: flex; } .items>div { border: #000 1px solid; height: 200px; } .news { width: 400px; } .banner { width: 400px; } .shortcut { width: 400px; } footer { display: flex; } footer>div { border: #000 1px solid; height: 100px; } .footer-logo { width: 200px; } .copyright { width: 800px; } .sns { width: 200px; } /* navi */ .menu { list-style: none; margin-top: 67px; } .menu li { /* border: #000 1px solid; */ float: left; width: 25%; box-sizing: border-box; text-align: center; } .sub-menu { border: #000 1px solid; /* display: none; */ } .sub-menu a { display: block; text-decoration: none; padding: 5px; background-color: #fff; transition: 0.5s; } .sub-back { width: 100%; height: 200%; background-color: #000; position: absolute; right: 0; } .sub-menu a:hover { background-color: #000; color: #fff; } .menu li>a { border: #000 1px solid; display: block; padding: 5px; text-decoration: none; } .menu li:hover>a { background-color: #000; color: #fff; }
미해결
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title> 도형 로딩 애니메이션-01 </title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="loading"> <span></span> <span></span> <span></span> </div> </body> </html> @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100&display=swap'); body { font-family: 'Noto Sans KR', sans-serif; line-height: 1.5em; margin: 0; font-weight: 300; display: flex; justify-content: center; align-items: center; height: 100vh; } a { text-decoration: none; } .loading {} .loading span { display: inline-block; width: 15px; height: 15px; background-color: gray; background-repeat: 50%; } .loading span:nth-child(1) {} .loading span:nth-child(2) {} .loading span:nth-child(3) {} @keyframes loading { 0% { opacity: 0; transform: scale(0.5); } 50% { opacity: 0; transform: scale(1.2); } 100% { opacity: 0; transform: scale(0.5); } } 도형 자체가 만들어지지 않는데 뭐가 문제일까요? VS CODE 사용중입니다.
미해결
입문자를 위한, HTML&CSS 웹 개발 입문
"ko"를 "en"으로 바꾸면 영어로 컨텐츠 내용을 구성할 수 있다고 하셨는데 혹시 한글, 영어를 섞어서 넣고 싶으면 어떻게 작성해야 할까요?
해결됨
[코드캠프] 시작은 프리캠프
구글 통해서 radio 박스를 CSS를 이용해 변경하고 폰트 위치랑 padding을 적용해보려고 했는데 적용이 안됩니다 피드백 부탁드립니다 ㅠㅠ // HTML <div class="radioSet"> <input type="radio" class="radioBox" name="gender">여성 <input type="radio" class="radioBox" name="gender">남성 </div> // CSS .radioSet { width: 100%; height: 25px; display: flex; flex-direction: row; justify-content: center; align-items: center; margin-top: 20px; } .radioBox { width: 20px; height: 20px; }
해결됨
[코드캠프] 강력한 CSS
제가 프리캠프 강의 듣고 넘어와서 이전에 'PRECAMP'로된 폴더가 vscode에 있었는데 css폴더를 불러오니까 사라지던데, 원래 폴더는 하나밖에 못 불러오나요? 아님 이전에 있던 폴더는 다른 곳으로 이동 한 건가요?
미해결
실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
[질문 템플릿] 1. 강의 내용과 관련된 질문인가요? 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예 [질문 내용] 여기에 질문 내용을 남겨주세요. 위와 같이 테스트를 구현하고 테스트 실행 시 Insert 쿼리가 나갑니다. 그런데 예외가 발생했기 때문에 롤백이 되어서 또는 테스트의 트랜잭션 디폴트 값이 Rollback이라서 Insert 쿼리가 나가지 않아야 하는 것 아닌가요?
미해결
스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요. 1. 강의 내용과 관련된 질문을 남겨주세요. 2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요. (자주 하는 질문 링크: https://bit.ly/3fX6ygx) 3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요. (질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG) 질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요. ========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) [질문 내용] gradlew build를 하면 이런 에러가 발생합니다. 인텔리제이 설정에서 build Tools > Run tests using 항목을 IntelliJ IDEA로 변경을 해보았으나 에러는 동일하게 발생했지만 해결책을 모르겠습니다.
해결됨
웹 애니메이션을 위한 GSAP 가이드 Part.01
좋은 강의 감사합니다. 항상 웹을 만들면서 뭔가 아쉽다 부족하다 생각햇는데 그게 GSAP로 채워지는 것 같습니다. advanced 강의는 언제 나오는지 정보좀 주실 수 없을까요? scrollTrigger와 반응형 강의가 절실합니다.ㅎㅎ 가능하다면 React나 Next.JS와 같은 프레임워크 호환 파트도 추가해주실 수 있나요.... 감사합니다.
미해결
자바 ORM 표준 JPA 프로그래밍 - 기본편
========================================= [질문 템플릿] 1. 강의 내용과 관련된 질문인가요? (예/아니오) 예 2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예/아니오) 예 3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예/아니오) 예 [질문 내용] 제가 한 게시판에서 이런 글을 읽었습니다. "요즘에는 논리적인 연관관계는 만들지만 db에서는 만들지 않고 조인 연산을 거의 안 하고 여러 번 쿼리해서 애플리케이션에서 조합합니다." 이유로는 연관관계를 맺으면 테이블 설계에 있어 유연성이 떨어짐 조인연산은 db 자원을 많이 잡아먹는 무거운 연산이고 db 성능에는 한계가 있어 서버를 확장해서 자원을 쓰는 것이 유리함 라는 근거를 들었습니다. 이것이 맞는 판단인지 궁금합니다 (금융권에 계신 분이 쓴 듯 합니다)
해결됨
[코드캠프] 시작은 프리캠프
코드는 강의 따라한 그대로 작성해서 구현이 잘 되는 상태인데 vs code 에러 메세지는 왜 나오는지 혹시 알 수 있을까요?
미해결
컴퓨터, 웹, 코딩, 프로그래밍의 시작 - Web1
비트나미에서 wamp, mamp 지원이 중지되었다고 합니다. 개정 버전 동영상을 보아도 다른 점이 많았어서 스스로 찾아보았습니다. 윈도우의 경우 아직 시도를 못했고 맥북의 경우 설치 없이 맥북 자체에 설치된 아파치를 수정하는 방식으로 진행했습니다. 방법을 찾아보니 생각한 것보다 빨리 적용될 것 같아 시도했고, 성공하였습니다. 생활코딩 블로그에도 나와있어서 참고했으나 제 버전과는 다른 부분이 있었습니다. 구글링하여 제 버전에 적용될 수 있는 방법을 찾았습니다. 참고한 링크 올려드립니다! 많은 분들께 도움이 되셨음 합니다. https://hayjo.tistory.com/16 (생활코딩 블로그) https://meanbymin.tistory.com/69#google_vignette (바이크 타는 개발자 블로그) 좋은 강의 항상 감사드립니다.
미해결
[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/style8.css"> </head> <body> <div class="cotainer"> <div class="haeder-inner"> <header> <div class="header-logo"> <a href="#"><img src="img/logo-header.png" alt=""></a> </div> <div class="navi"></div> </header> </div> <div class="con-inner"> <div class="slide"> <div class="slide-items"> <a href="#"><img src="img/slide-01.jpg" alt=""></a> <a href="#"><img src="img/slide-02.jpg" alt=""></a> <a href="#"><img src="img/slide-03.jpg" alt=""></a> </div> </div> <div class="items"> <div class="news"></div> <div class="banner"></div> <div class="shortcut"></div> </div> </div> <div class="footer-inner"> <footer> <div class="right"> <div class="copy"></div> <div class="copy-2"></div> </div> <div class="family-site"> <select> <option value="">family site</option> <option value="">family site2</option> <option value="">family site3</option> <option value="">family site4</option> </select> </div> </footer> </div> </div> <script src="script/jquery-1.12.4.js"></script> <script src="script/custum8.js"></script> </body> </html> @charset "utf-8"; body{ background-color: #fff; color: #333; padding: 0; margin: 0;}a{ text-decoration: none; color: #333;}ul{ list-style: none;}.cotainer{ width: 100%; margin: auto;}.haeder-inner{ width: 100%; background-color: antiquewhite; height: 100px;}header{ width: 1200px; margin: auto; height: 100px;}header>div{ height: 100px; }.header-logo{ width: 200px; float: left; line-height: 130px;}.navi{ width: 600px; float: right;} .slide{ margin: auto; overflow: hidden; height: 300px; width: 1200px; position: relative;}.slide-items{ width: 3600px; position: absolute; top: 0; left: 0; height: 200px; font-size: 0;} .items{ width: 1200px; margin: auto; overflow: hidden;}.items>div{ border: 1px solid red; height: 200px; float: left; box-sizing: border-box;}.news{ width: 450px;}.banner{ width: 450px;}.shortcut{ width: 300px;} .footer-inner{ width: 100%; height: 100px; background-color: bisque;}footer{ width: 1200px; margin: auto; overflow: hidden;}footer>div{ height: 100px; border: 1px solid red; width: 1200px; float: left; box-sizing: border-box;}.right{ width: 1000px; overflow: hidden;}.right>div{ height: 50px; border: 1px solid red;}.family-site{ width: 200px; line-height: 100px; text-align: center;}.copy{}.copy-2{} setInterval(function(){ $('.slide-items').animate({left: '-1200px'}, function(){ $('.slide-items').css({left: 0}); $('.slide-item:first-child').appendTo('.slide-items'); }); }, 3500);
미해결
부트스트랩 5(Bootstrap 5) - 기초부터 웹 프로젝트 만들기
좋은 강의 감사 드립니다. 홈페이지 기능은 이제 이해가 되었습니다. 저는 게시판 기능을 추가하고 싶은데요. 무료로 제공되는 게시판이나 추천해 주실 수 있는 게시판이 있을까요? 아님 네이버 모두에 있는 무료게시판을 연동할수 있을까요? 감사합니다.
미해결
HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
선생님 안녕하세요! 현재 선생님강의와 프론트엔드 개발 공부를 함께하고있는데, 설정을 만지는 와중에 그랬는지 언제부턴가 중괄호 안에서 엔터를 치면 원래 괄호 사이에 빈 공간이 생기고 그 안에서 커서가 생겼는데, 지금은 사진과 같이 괄호 사이에 빈 공간이 없이 되어서 전처럼 하려면 어떻게해야할까요??
