묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드
이미지가 넘어가지 않습니다 확인부탁드려요 ㅠ_ㅠ
/*html*/ <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>가로 고정형 레이아웃-1</title> <link rel="stylesheet" href="style/style.css"> </head> <body> <div class="containar"> <header> <div class="header-logo">로고</div> <div class="navi"> <ul class=menu> <li> <a href="#none"></a> <div class="sub-menu"> <a href="">sub-menu-1</a> <a href="">sub-menu-2</a> <a href="">sub-menu-3</a> <a href="">sub-menu-4</a> </div> </li> <li> <a href="#none"></a> <div class="sub-menu"> <a href="">sub-menu-1</a> <a href="">sub-menu-2</a> <a href="">sub-menu-3</a> <a href="">sub-menu-4</a> </div> </li> <li> <a href="#none"></a> <div class="sub-menu"> <a href="">sub-menu-1</a> <a href="">sub-menu-2</a> <a href="">sub-menu-3</a> <a href="">sub-menu-4</a> </div> </li> <li> <a href="#none"></a> <div class="sub-menu"> <a href="">sub-menu-1</a> <a href="">sub-menu-2</a> <a href="">sub-menu-3</a> <a href="">sub-menu-4</a> </div> </li> </ul> </div> </header> <div class="slide"> <div><a href="#none"><img src="images/Slide01.jpg" alt="slide-1"></a></div> <div><a href="#none"><img src="images/Slide02.jpg" alt="slide-2"></a></div> <div><a href="#none"><img src="images/Slide03.jpg" alt="slide-3"></a></div> </div> <div class="contants"> <div class="news">공지사항/갤러리</div> <div class="banner">배너</div> <div class="shortcut">바로가기</div> </div> <footer> <div class="footer-logo">로고</div> <div class="copy">copyright</div> <div class="sns">sns</div> </footer> </div> <script src="script/jquery-3.6.0.min.js"></script> <script src="script/custom.js"></script> </body> </html> /*css*/ .containar{ width: 1200px; margin: auto; border: 1px solid green; } header{ height: 100px; } header > div{ border: 1px solid blue; height: 100px; } .header-logo{ width: 200px; border: 1px solid pink; float: left; } .navi{ width: 400px; float: right; border: 1px solid pink; } .silde{} .silde > div{ height: 300px; border: 1px solid red; } .contants{ overflow: hidden; } .contants > div{ height: 200px; float: left; box-sizing: border-box; } .news{ width: 500px; border: 1px solid green; } .banner{ width: 350px; border: 1px solid red; } .shortcut{ width: 350px; border: 1px solid pink; } footer{ overflow: hidden; } footer > div{ height: 100px; float: left; box-sizing: border-box; } .footer-logo{ width: 200px; border: 1px solid green; } .copy{ width: 800px; border: 1px solid pink; } .sns{ width: 200px; border:1px solid red; } /*navi*/ .menu{ display: none; } /*slide*/ .slide{ position: relative; width: 1200px; height: 300px; overflow: hidden; } .slide > div{ position: absolute; width: 3600px; font-size: 0; top: 0; left: 0; animation: slide 10s linear infinite; } @keyframes slide{ 0% {left: 0;} 30% {left: 0;} 35% {left: -1200px;} 65% {left: -1200px;} 70% {left: -2400px;} 95% {left: -2400px;} 100% {left: 0;} } 분명 이미지를 넣었을때는 3개가 밑으로 나열되있는걸 확인했는데 width:3600해도 가로로 나열되지가 않더라구요 ㅠ 키프레임을 줘도 이미지가 하나만 나옵니당..
-
해결됨웹 게임을 만들며 배우는 React
버튼 클릭 -> 새로 생성된 인풋태그에 바로 focus 는 어떤 걸 공부해야하나요?
인풋태그가 아직 화면에 없고 [추가하기] 버튼을 누르면 state가 바뀌면서 밑에 새로운 컴포넌트로 input태그가 만들어지게 해봤습니다. 생성되자마자 바로 거기에 focus 해보고싶은데 잘안되네요.. ref 상속 같은 걸 봐야하나요?
-
해결됨스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
스프링 스프링부트
스프링과 스프링부트의 차이는 검색을 좀해보고 핵심원리까지는 다들었고 jpa듣고있습니다. 근데문득 든 생각이 부트를 가르치시는 것같은데 스프링도 배울수 있나요? 이 커리큘럼을 다 마치면 스프링부트를 배우는건가요 스프링을 배우는건가요...ㅜㅜ
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
기본 키 매핑 방법
자동 생성(@GeneratedValue)에서 DB를 ORACLE로 사용시 SEQUENCE로 안하고 AUTO로하면 방언에 따라 기본값이 자동 지정 되긴하는데 그럴경우 SEQUENCE 생성시 의미없는? 이름이 생성돼 DB 운영/관리 측면에서는 관리가 어려워 잘 사용하지 않을 것 같은데 어떤 경우에 사용하는지요? AUTO로하면 DB에 종속적이지 않은 장점이 있으나 일반적으로 운영하는 DB에 맞춰서 예를 들어 ORACLE일 경우 미리 스크립트로 MEMBER_SEQ를 생성하고 @SequenceGenerator로 맵핑해서 개발될것 같은데 맞을지요?
-
미해결애플 웹사이트 인터랙션 클론!
모바일 버전으로는 못하나요?
모바일버전 최적화 웹페이지 만들고있는데 씬활성화가 웹일때만 먹히는데 방법이 없을까요?
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]
루트 디렉토리를 모르겠습니다.
깃허브에서 다운받아서 npm 인스톨하려고 하는데 ㅜㅜ 다 에러가 뜹니다.선생님이 루트디렉토리에 있다고 하셨는데ㅜㅜ전 다운로드 받아서 비쥬어 스튜디오코드로 바로 열었거든요.어떻게 해야 하나요?
-
해결됨[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part4: 게임 서버
GameRoom class에서는 lock을 사용하지 않아도 멀티스레드 환경에서 안전할까요?
안녕하세요 Rookiss님! 양질의 강의를 제공해주셔서 정말 감사드립니다! 질문) GameRoom class에서는 lock을 사용하지 않아도 멀티스레드 환경에서 안전할까요? public void Flush() { foreach (ClientSession s in _sessions) s.Send(_pendingList); //Console.WriteLine($"Flushed {_pendingList.Count} items"); _pendingList.Clear(); } public void Broadcast(ArraySegment<byte> segment) { _pendingList.Add(segment); } 제 생각에 lock을 사용하지 않으면 _pendingList가 Clear되기 직전에 추가된 segment는 Send되지 못하고 삭제당하는 등 올바르지 못하게 동작하는 상황이 발생할 수 있을것 같았습니다. (Flush method는 main Thread, BroadCast method는 background Thread. 서로 다른 Thread에서 동작한다고 생각했습니다.) public void Flush() { lock(_lock) { foreach (ClientSession s in _sessions) s.Send(_pendingList); //Console.WriteLine($"Flushed {_pendingList.Count} items"); _pendingList.Clear(); } } public void Broadcast(ArraySegment<byte> segment) { lock(_lock) { _pendingList.Add(segment); } } 그래서 위처럼 lock을 걸어주는게 좋을것 같다고 생각했는데 걸지 않아도 괜찮은건가요? 걸어주는게 맞는건가요? 혹시 제가 놓쳤거나 틀린 부분있으면 알려주시면 감사하겠습니다!! 감사합니다!!
-
미해결파이썬 입문 및 웹 크롤링을 활용한 다양한 자동화 어플리케이션 제작하기
아래 코드를 실행했을때 ModuleNotFoundError: No module named 'pytube' 에러가 뜹니다.
from pytube import YouTube yt = pytube.YouTube("https://www.youtube.com/watch?v=x6MeeKwt92E") #다운 받을 동영상 URL 지정 videos = yt.stream.all() for i in range(len(videos)) : print(i, ',' , videos[i]) down_dir = "/Users/sophia/myworkspace/youtube" videos[0].download(down_dir)
-
미해결스프링 데이터 JPA
컨비니언스(convinience) method 관련 질문입니다.
명강의 늘 감사합니다. 바로 본론으로 들어가겠습니다. 다음과 같이 관계를 관리하는 method를 컨비니언스 method라고 하셨습니다. public void addStudy(Study study) { this.getStudies().add(study); study.setOwner(this);}public void removeStudy(Study study) { this.getStudies().remove(study); study.setOwner(null);} 1. 관계를 설정하기 위해 만든 컨비니언스 method는 관계의 주인이 아닌 @OneToMany(mappedBy="") 선언된 Collections 필드를 가진 class에서 구현하는 관계설정 method라고 생각하면 되겠습니까? 2. 이렇게 선언되면 Account와 Study는 N:N 다:다 관계라고 볼 수 있을까요? 3. 그렇다면 모든 데이터를 가지고 올 경우, findAll 하는 경우 현재 상황에선 N+1 위험이 있는 상황인가요? 4. private Set<Study> studies = new HashSet<>(); private Set<Study> studies; 의 차이가 무엇인가요?필드값을 미리 생성자로 생성하여 타입을 선언했다고 봐야하나요? 두서 없는 질문이지만 확실한 정보를 통한 정리가 필요하여 요청드립니다. 감사합니다.
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
id를 쓸때 강의와 같이 안나와요
강의에서는 m과n값이 치면 나오던데 저는 밑에 사진과 같이 에러가 자꾸 뜨네요 ㅠㅠ 이건 왜그런 걸까요 ㅠㅠ
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
Plugin 'org.apache.maven.plugins:maven-compiler-plugin:' not found 오류
안녕하세요 예제를 따라가던 중에, pom.xml을 <?xml version="1.0" encoding="UTF-8"?><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> <modelVersion>4.0.0</modelVersion> <groupId>jpabook</groupId> <artifactId>jpashop</artifactId> <version>1.0-SNAPSHOT</version> <build> <plugins> <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> <configuration> <source>8</source> <target>8</target> </configuration> </plugin> </plugins> </build> <dependencies> <!-- JPA 하이버네이트 --> <dependency> <groupId>org.hibernate</groupId> <artifactId>hibernate-entitymanager</artifactId> <version>5.3.10.Final</version> </dependency> <!-- H2 데이터베이스 --> <dependency> <groupId>com.h2database</groupId> <artifactId>h2</artifactId> <version>1.4.199</version> </dependency> </dependencies></project> 위와 같이 쳤는데, <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-compiler-plugin</artifactId> 위 두 부분에서 Plugin 'org.apache.maven.plugins:maven-compiler-plugin:' not found 오류가 발생합니다. 구글링을 통해 여러 방법을 시도해봤지만 해결되지 않습니다 ㅠ 도와주세요!
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
react에 국한된 질문은 아닙니다만...
자바 개발을 주업무로 하다가 어쩌다 웹 개발로 끌려와 막 배워 자란 웹 개발자 1인으로서 여쭤봅니다. 저는 개인적으로 html에서 form tag를 전혀 사용하지 않고 있는데요. 딱히 form tag의 필요성을 느껴보지 못했고, 코드를 읽는데도 조금 불편함이 있어서 사용하기가 꺼려집니다. 그런데 이번 강좌에서도 그렇고 form을 적극적으로 사용하시는 분들도 굉장히 많으신거 같더라구요. form tag를 사용하는게 form tag를 사용하지 않는 것보다 어떤 장점이 있나요? 단지 submit 하나 뿐인건가요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
vue create vue-todo로 프로젝트 생성하면, index.html 이 안보입니다.
vue cli 버전은 4.5.11 입니다. vue cretate vue-todo로 이상없이 프로젝트 생성됩니다. npm run serve 이후, localhost:8080 으로 접속도 됩니다. 그런데, index.html 파일이 보이지 않습니다. 그런데, vue init webpack-simple vue-todo cd vue-todo npm install 하면, 취약점 경고들이 잔뜩 뜨지만, 어쨌든 npm run dev 로 실행 후, localhost:8080 으로 접속됩니다. 위 2가지의 차이가 뭔지 잘 모르겠습니다. 첫번째가 정상 구성이라면, index.html 에 설정하는 viewport 이나 shortcut icon 은 어디에 설정해야 하는지요?
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
img 태그 사용 시, 경로 설정
안녕하세요 강사님. 강의 잘 듣고있습니다! 다름이 아니라 jpashop 프로젝트의 home.html에서 img 태그로 이미지를 넣어보고 싶은데요..! 이미지 파일을 resources 디렉토리에 넣고, home.html 기준으로 상대 경로를 img 태그의 src에 넣어주면 되는거 아닌가요? 이미지 경로를 못찾는지 이미지가 뜨질 않네요ㅠㅠ 강의 수강 완료하고 개인 프로젝트로 진행해보고 싶은 것이 이미지를 띄우는게 포함되어 있어서 꼭 알려주시면 감사하겠습니다ㅠㅠ
-
미해결[C#과 유니티로 만드는 MMORPG 게임 개발 시리즈] Part2: 자료구조와 알고리즘
트리 - GetHeight 함수..
안녕하세요 늘 강의 잘 듣고 있습니다. GetHeight함수 관련해서.. foreach 내부에 height = Math.Max(height, newHeight); 으로 큰 값을 height에 저장한다고 하셨잖아요, 그렇지만 결국 재귀함수를 계속해서 불러내는 과정에서 최초 int height = 0; 에 의해 값을 몇을 넣어놨던지간에 결국 마지막에 가서는 0으로 초기화가 될 테고 마지막 subtree, 즉 이 경우에는 "아트팀" 의 height 만 반영이 되는 것이 아닌가요? (근데 또 돌려보면 2가 나오는 것은 신기...) 재귀함수 내부에서 계속해서 height를 초기화해대고 있는데 어떻게 height 가 계속 값을 들고 있을수가 있는건지 이해가 안 됩니다. 도와주세요 ㅠㅠ!
-
해결됨공공데이터로 파이썬 데이터 분석 시작하기
데이터 로드가 힘드네요 ㅜ
데이터 2개를 다운받고 드래그해서 같은 폴더로 옮겼으나 파일을 찾을 수 없다고 나오네요 ㅜㅜ 당황스럽습니다.
-
해결됨it 취업을 위한 알고리즘 문제풀이 입문 (with C/C++) : 코딩테스트 대비
타임 리미트
제가 채점을 받은 코드는 선생님께서 타임 리미트가 날 것이라는 첫번째 코드였습니다. 그런데 왜인지 1~5 모두 success가 떳습니다. 선생님께서 채점 받으실 때는 4,5 번 문제가 time limit 났는데 왜 제 컴퓨터에서는 success가 떳는지 궁금합니다.
-
미해결비전공자를 위한 진짜 입문 올인원 개발 부트캠프
Open In Browser
안녕하세요 강사님 ! test. html 오른쪽 클릭이 안됩니다 ㅜ ㅜ 도와주세요~ help me please~~
-
미해결스프링 시큐리티
csrf토큰관련 질문입니다!
안녕하세요 강사님 home.html에서 강사님이 csrf 토큰 헤더와 값을 지정하셨는데 원래 html파일안에 토큰 값을 지정하는게 맞는건가요?
-
미해결스프링 핵심 원리 - 기본편
@Autowired 함수들 질문 있습니다!
TestBean class가 스프링 컨테이너에 등록되면 이 class안에 있는 함수들이 자동으로 실행돼서 noBean2 = null, noBeam3 = Optional.empty이 출력이 되는 건가요?? TestBean 클래스가 스프링 컨테이너로 등록되는 건 알겠는데 왜 setNoBean2랑 setNoBeam3가 호출되는지를 모르겠네요 ㅠ
