묻고 답해요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
tomcat은 정확히 무슨 역할을 하는건가요?
web browser에서 localhost url을 넘겨줄때 항상 tomcat을 거쳐가는 것으로 그림이 그려져있는데, 정확히 tomcat이 어떤 것인지, 그리고 어떤 역할을 하는지 궁금합니다!
-
미해결
플로터 앱 관련 질문
현재 플로터를 얼마 시작하지 않은 초보입니다현재 플로터에서 웹 뷰를 통해 로컬호스트에 있는 자바스크립트와 HTML을 불러와서 핸드폰 화면에 HTML을 올리려고 하는데 자바스크립트와HTML을 플로터에 어떻게 추가하고 호환을 해야되는지 모르겠습니다.assets파일에 자바스크립트 파일과 HTML 파일을 올리고 pubspec.yaml파일에 추가한후 pubget을 실행하니 오류가 떴습니다.
-
미해결
웹화면 깨짐현상
홈페이지만들어서 nginx로 배포했습니다,,, 만 이런식으로 디자인이랑 글씨가 다깨져서 보입니다zzz 그냥 runserver 했을때는 괜찮았는데 왜이러는걸까요? 이런현상을 뭐라하나요? 뭔지알면 스택오버플로우에 질문이라도 할텐데 무슨현상이라고 하는지도 모르겠습니다
-
미해결
형들 이거 왜 안돼??
형들 나 코린인데 html로 웹 페이지 하나 만들려고 html이랑 css랑 javascript 공부중인데 서로 연결도 잘 되고 나름 걱정 없었는데 폰트 다운 받을 라고 했더니 갑자기 사이트 이상해지고 (사진 첨부함) 검색 해봐도 나갔는 일은 없는것 같음 그래도 3시간 정도 서핑 해봤는데 전혀 해결 법이 없어서 형들한테 물어 보는 거야... 그리고 비쥬얼 스튜디오에 유튜브에서 코딩할 떄 쓰는 폰트어썸 코드 따라 써봤는데 인식이 안된는지 실행해 봐도 써놓은 글자만 보이고 이미지는 아예 안보여... 이거 끝까지 다 읽은 형님 있으시다면 감사드리고 제발 해결 법좀 알려 주세욥 ㅜ
-
미해결
코딩할때 width,height로 배경색 영역잡는거 안좋나요?
안녕하세요 저는 학원이랑 유튜브에서 코딩을배웠는데 처음에 레이아웃을 잡아 놓고 width랑height 를 잡아놓고 코딩을 시작하는데 안좋은 방법인가요?? 예로 Se01{width:100%; height:700px; background:111;} 이런식으로 나머지들도 잡아가면서했는데 반응형 할때 안 좋다고 들었어요 그러면 마진이나 패딩으로 영역을 잡아야하는건가요??
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
Controller
안녕하세요. 강의 너무 잘 듣고 있습니다. 강의를 진행하는 중 데이터 오류가 계속 나서 다른분들은 이런 문제가 없는지 찾아봤는데 비슷한 질문을 올리셨던 분은 없어서 이렇게 질문을 드립니다. 1. HelloController.java에서 매핑을 import 하고 하단 public String hello 그리고 helloMvc <<이부분을 타이핑해도 인식을 못하고 있습니다. 2. 위의 영향인지 hello.html 파일 내부에서 ${data}도 단순히 문자열로 취급이 되고 있습니다. 어떻게 해결 할 수 있을까요? hello-template 등으로 localhost:8080/hello-template.html을 실행헀을 경우 문제 없이 실행이 됩니다. 물론 다른것들은 잘 안되구요...
-
미해결공공데이터로 파이썬 데이터 분석 시작하기
folium 사용하여 장소 마크 후 html 저장한 파일 로딩이 너무 느려요..
- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 안녕하세요 선생님! folium을 사용하여 지도 위에 약 8천개 정도 마크를 찍은 뒤 html로 저장하였습니다. 이후 해당 html 파일을 열려는데, 로딩 속도가 너무 느리고 버벅거리는 현상이 발생했습니다. 왜 그런지 알 수 있을까요?
-
미해결스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
${#fields.Error()}
안녕하세요 선생님. 구글링을 해도 정보를 찾을수 없어 질문드립니다. 제가 하고싶은건 bindingResult를 통해 등록한 에러 메세지를 자바 스크립트에서 쓰고싶습니다. 아래와 같이 코드를 작성해봤고 여러가지 시도를 해보았으나 작동하지않습니다. controller (등록) bindingResult.reject("loginFail","아이디 또는 비밀번호가 맞지 않습니다."); html (작동하지 않는 코드) <script th:inline="javascript"> alert([[${#fields.errors('*')}]]);</script> 다음과 같은 경우는 잘 작동합니다. controller model.addAttribute("loginFail","아이디 또는 비밀번호가 맞지 않습니다."); html <script th:inline="javascript"> alert([[${loginFail}]]);</script> alert 정상출력. --------------- ${#fields.grobalErrors()} 관련 변수는 자바 스크립트에서 사용이 불가능한가요? 사실 model을 통하여 등록하면 된다지만 코드한줄 줄이고싶은 욕심에 몇시간 알아보다가 해결하지 못하여 이렇게 질문드립니다 ㅠㅠ..
-
해결됨인터랙티브 웹 개발 제대로 시작하기
CSS로 이미지를 삽입하는 것과 HTML에서 이미지를 삽입하는 것의 차이점이 무엇인가요??
안녕하세요~ 1분 코딩님 이미지를 삽입할 때, 2가지 방법이 있는데요. "CSS 에서 background 속성으로 이미지를 삽입하는 것"과 "HTML에서 img 태그를 이미지를 삽입하는 방식" 이 2가지 방식을 언제 사용하면 좋다거나, 언제는 사용하면 안 되는 상황이 있나요?? 예를 들어, 어느 상황에서는 CSS에 이미지를 집어넣는 게 컨트롤 하기 더 유리한 케이스라든지 혹은 HTML의 img 태그는 중요한 이미지들을 삽입하는 데 쓴다는 등 ... CSS에서 이미지를 넣는 방식과 HTML에서 이미지를 넣는 방식 구지 2가지 방식을 만들어 놓은 이유가 있을 것같아서 질문드립니다. 감사합니다.
-
미해결
매개변수 문자열 없는 url 링크 구별 방법
안녕하세요 현재 개인 프로젝트 웹 사이트를 제작하다가 일주일동안 정말 해결 안 되는 난제가 있어서 질문 드립니다.. 도와주세요 ㅠㅠ a 태그를 이용해서 해당 링크로 이동하는 부분을 작업하고 있는데 그 url이 매개변수 변화가 없어서 어떻게 작업을 해야 될 지 모르겠습니다. 해당 url은 https://www.g2b.go.kr:8092/sm/ma/mn/SMMAMnF.do 나라장터 종합쇼핑몰 링크인데요, 검색해보시면 확인하실 수 있겠지만 검색결과에 따라 url이 변화되지 않고 쭉 저 url 그대로입니다.. 저는 (예를들어) 간판이 검색 결과로 뜨는 url로 바로 이동할 수 있게 하고 싶은데 매개변수 변화가 없다보니 저 url 그대로 a 태그에 넣게 되니까 페이지 이동하면 간판 검색 결과 페이지가 아닌 나라장터 종합쇼핑몰 메인 화면이 나오더라고요.. 어떻게 해야 제가 원하는 값을 검색하여 결과가 나온 페이지로 나올 수 있게 url을 작업할 수 있을까요 url에 어떤 파라미터, 매개변수 코딩을 해야 되는지 알려주세요 ㅠㅠ + location.search해도 빈 문자열이 나옵니다.
-
미해결
vscode locallhost:8080 오류 해결방법
제가 vs 코드로 html 공부를 하는데 자꾸 localhost0808뜨면서 연결이 안돼는데 어떻게 해결할 수 있을까요?? 급해요 ㅠㅠ제발 도움주세요 ㅠㅠ밑에 사진처럼 이렇게 뜨는데 해결방법 알 수 있을까요 ㅠㅠ 이
-
해결됨모든 개발자를 위한 HTTP 웹 기본 지식
HTML Form에서 GET/POST만 지원하는 이유
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (아니오)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용] http://haah.kr/2017/05/23/rest-http-method-in-html-form - 해당 글을 읽어 봤는데 잘 이해가 되지 않습니다. - DELETE는 form 을 통해 값을 전달할게 없다는것은 알겠는데 - 위 블로그 글에서 PUT 의 내용이 이해가 안되네요.. - 그래서 GET/POST만 지원하는 궁극적인 이유가 무엇인가요~? 아래는 PUT 내용입니다. - PUT도 전송해야할 것은 대상 리소스를 대체할 representation 그 자체인데, 대상 리소스더러 조각난 form 데이터를 처리하라고 보낼 수는 없는 노릇
-
미해결Python 모듈을 활용한 공간 분석
folium의 map을 html
folium의 map을 html로 저장한 후에, 저장된 html 소스코드를 spring으로 만든 웹 사이트에 넣으려고 하는데 geojson 때문에 오류가 생깁니다. 혹시 spring으로 만든 웹 사이트에 folium 지도를 띄울 수 있는 방법을 알 수 있을까요?
-
미해결[2024 개정판] 이것이 진짜 크롤링이다 - 기본편
준비운동 - (크롤링을 위한 정말 쉬운 HTML - 뉴스 해킹) 내용 중 질문
안녕하세요! 강의 내용 중 궁금한 것이 있어 질문드립니다. html 내용을 수정해 기사 제목을 수정하는 실습을 문제 없이 진행했는데, 사진도 교체해보고 싶어서 시도하니 안되네요. 보통 마크다운으로 작성 시 사진에 대한 주소를 해당 태그 안에 넣으면 될 것 같은데, 원래 안되는건지, 가능하게 하는 방법이 있는지 궁금합니다.
-
미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
판다님!! 제발 도와주세요ㅠㅠㅠ replit에서 만들고 있는데 img 파일이 안 불러와집니다. 어떻게 하면 좋을까요
안녕하세요 노트북 용량 때문에 아톰을 깔지 않고 repl.it에서 html파일을 만들어서 실행하고 있는데요... 가르쳐주신 것과 똑같이 코드를 적어봤는데 화면에 Hello world외에 아무것도 뜨지 않습니다.ㅠㅠ 혹시 왜 그런지 알 수 있을까요?
-
미해결자바스크립트 제대로 배워볼래?
HTML를 위한 자바스립트 4-01.HTML Element.html
안녕하세요, 제가 구매하고 듣던 인프런 수업에 유일하게 정주행 및 따라 타이핑해가며 같이 보는 유일섭입니다! HTML를 위한 자바스크립트 4-01.HTML Element.html 에서 html 파일이나 코드 공유해주실수있으실까요?html 를 위한 자바스크립트 만요..그 태그 p나..이런거 따라 치는것보다 이미 되어잇는 파일로 인강들으면서 함수가튼것만 제가 치고 싶어서요...
-
미해결
a태그 안에 div태그가 들어가지 못하나요?
a태그 안에 있는 div에 계속 노란줄이 그어지는데, a태그 안에 div태그가 들어가지 못하나요? 아래 코드 어떻게 수정해야 하는지 답변 부탁드릴께요. 아니면 수정 필요 없이 이렇게 진행해도 문제 없을까요? 아래에 노란색으로 오류나는 부분 표시해 두었습니다. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <%@ include file="common/header.jsp"%> <div class = "container"> <nav class="sb-sidenav accordion sb-sidenav-light" id="sidenavAccordion"> <div class="sb-sidenav-menu"> <div class="nav"> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse01" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-book-open"></i> </div> 개발·프로그래밍 <!-- sb-nav-link-icon --> </a> <!-- nav-link collapsed --> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse02" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 웹 개발 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <!-- nav-link collapsed --> <div class="collapse" id="collapse02" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">HTML/CSS</a> <a class="nav-link" href="#!">Front-End</a> <a class="nav-link" href="#!">JavaScript</a> <a class="nav-link" href="#!">웹 개발</a> <a class="nav-link" href="#!">Back-End</a> <a class="nav-link" href="#!">웹 퍼블리싱</a> <a class="nav-link" href="#!">Node.js</a> <a class="nav-link" href="#!">React</a> <a class="nav-link" href="#!">Java</a> <a class="nav-link" href="#!">Vue.js</a> <a class="nav-link" href="#!">Spring</a> <a class="nav-link" href="#!">Python</a> </nav> </div> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse03" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 프론트엔드 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <div class="collapse" id="collapse03" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">Front-End</a> <a class="nav-link" href="#!">JavaScript</a> <a class="nav-link" href="#!">HTML/CSS</a> <a class="nav-link" href="#!">웹 개발</a> <a class="nav-link" href="#!">Vue.js</a> <a class="nav-link" href="#!">React</a> <a class="nav-link" href="#!">웹 퍼블리싱</a> <a class="nav-link" href="#!">jQuery</a> <a class="nav-link" href="#!">인터랙티브 웹</a> <a class="nav-link" href="#!">웹앱</a> <a class="nav-link" href="#!">ES6</a> <a class="nav-link" href="#!">Angular</a> </nav> </div> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse04" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 백엔드 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <div class="collapse" id="collapse04" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">Back-End</a> <a class="nav-link" href="#!">Java</a> <a class="nav-link" href="#!">Spring</a> <a class="nav-link" href="#!">Node.js</a> <a class="nav-link" href="#!">Vue.js</a> <a class="nav-link" href="#!">Spring Boot</a> <a class="nav-link" href="#!">MVC</a> <a class="nav-link" href="#!">JPA</a> <a class="nav-link" href="#!">Docker</a> <a class="nav-link" href="#!">REST API</a> <a class="nav-link" href="#!">DevOps</a> <a class="nav-link" href="#!">AWS</a> <a class="nav-link" href="#!">Python</a> </nav> </div> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse05" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 풀스택 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <div class="collapse" id="collapse05" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">Django</a> <a class="nav-link" href="#!">Node.js</a> <a class="nav-link" href="#!">React</a> <a class="nav-link" href="#!">Full-Stack</a> <a class="nav-link" href="#!">웹 개발</a> <a class="nav-link" href="#!">Python</a> <a class="nav-link" href="#!">MongoDB</a> <a class="nav-link" href="#!">HTML/CSS</a> <a class="nav-link" href="#!">Express</a> <a class="nav-link" href="#!">Firebase</a> <a class="nav-link" href="#!">JavaScript</a> <a class="nav-link" href="#!">Back-End</a> </nav> </div> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse06" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 모바일 앱 개발 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <div class="collapse" id="collapse06" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">모바일 앱 개발</a> <a class="nav-link" href="#!">Android</a> <a class="nav-link" href="#!">iOS</a> <a class="nav-link" href="#!">Swift</a> <a class="nav-link" href="#!">Kotlin</a> <a class="nav-link" href="#!">Firebase</a> <a class="nav-link" href="#!">Flutter</a> <a class="nav-link" href="#!">Java</a> <a class="nav-link" href="#!">IONIC</a> <a class="nav-link" href="#!">React Native</a> <a class="nav-link" href="#!">게임개발</a> <a class="nav-link" href="#!">웹앱</a> </nav> </div> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse07" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 프로그래밍 언어 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <div class="collapse" id="collapse07" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">모바일 앱 개발</a> <a class="nav-link" href="#!">Python</a> <a class="nav-link" href="#!">JavaScript</a> <a class="nav-link" href="#!">Java</a> <a class="nav-link" href="#!">알고리즘</a> <a class="nav-link" href="#!">데이터 분석</a> <a class="nav-link" href="#!">Swift</a> <a class="nav-link" href="#!">C</a> <a class="nav-link" href="#!">코딩테스트</a> <a class="nav-link" href="#!">C#</a> <a class="nav-link" href="#!">C++</a> <a class="nav-link" href="#!">ES6</a> <a class="nav-link" href="#!">Front-End</a> </nav> </div> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse08" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 알고리즘·자료구조 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <div class="collapse" id="collapse08" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">알고리즘</a> <a class="nav-link" href="#!">코딩테스트</a> <a class="nav-link" href="#!">자료구조</a> <a class="nav-link" href="#!">Java</a> <a class="nav-link" href="#!">Python</a> <a class="nav-link" href="#!">취업</a> <a class="nav-link" href="#!">객체지향</a> <a class="nav-link" href="#!">C</a> <a class="nav-link" href="#!">C++</a> <a class="nav-link" href="#!">JavaScript</a> <a class="nav-link" href="#!">Scratch</a> <a class="nav-link" href="#!">게임개발</a> </nav> </div> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse09" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 데이터 사이언스 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <div class="collapse" id="collapse09" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">데이터 분석</a> <a class="nav-link" href="#!">데이터 분석</a> <a class="nav-link" href="#!">머신러닝</a> <a class="nav-link" href="#!">딥러닝</a> <a class="nav-link" href="#!">Python</a> <a class="nav-link" href="#!">인공지능</a> <a class="nav-link" href="#!">Tensorflow</a> <a class="nav-link" href="#!">데이터 과학</a> <a class="nav-link" href="#!">Pandas</a> <a class="nav-link" href="#!">Keras</a> <a class="nav-link" href="#!">인공신경망</a> <a class="nav-link" href="#!">데이터 시각화</a> <a class="nav-link" href="#!">SQL</a> </nav> </div> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse10" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 데이터베이스 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <div class="collapse" id="collapse10" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">SQL</a> <a class="nav-link" href="#!">데이터베이스</a> <a class="nav-link" href="#!">데이터 분석</a> <a class="nav-link" href="#!">MySQL</a> <a class="nav-link" href="#!">DBMS/RDBMS</a> <a class="nav-link" href="#!">MSSQL</a> <a class="nav-link" href="#!">Back-End</a> <a class="nav-link" href="#!">Oracle</a> <a class="nav-link" href="#!">Notion</a> <a class="nav-link" href="#!">Python</a> <a class="nav-link" href="#!">MongoDB</a> <a class="nav-link" href="#!">Java</a> </nav> </div> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse11" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 개발도구 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <div class="collapse" id="collapse11" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">Git</a> <a class="nav-link" href="#!">버전관리시스템</a> <a class="nav-link" href="#!">Github</a> <a class="nav-link" href="#!">Java</a> <a class="nav-link" href="#!">Jetbrains</a> <a class="nav-link" href="#!">웹 개발</a> <a class="nav-link" href="#!">IntelliJ IDEA</a> <a class="nav-link" href="#!">웹 퍼블리싱</a> <a class="nav-link" href="#!">Python</a> <a class="nav-link" href="#!">ATOM</a> <a class="nav-link" href="#!">웹 디자인</a> </nav> </div> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse12" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 데브옵스·인프라 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <div class="collapse" id="collapse12" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">AWS</a> <a class="nav-link" href="#!">클라우드</a> <a class="nav-link" href="#!">DevOps</a> <a class="nav-link" href="#!">Docker</a> <a class="nav-link" href="#!">Back-End</a> <a class="nav-link" href="#!">Linux</a> <a class="nav-link" href="#!">Kubernetes</a> <a class="nav-link" href="#!">네트워크</a> <a class="nav-link" href="#!">Azure</a> <a class="nav-link" href="#!">서버리스</a> <a class="nav-link" href="#!">Ansible</a> <a class="nav-link" href="#!">정보보안</a> </nav> </div> <a class="nav-link collapsed" href="#" data-bs-toggle="collapse" data-bs-target="#collapse13" aria-expanded="false" aria-controls="collapseLayouts"> <div class="sb-nav-link-icon"> <i class="fas fa-columns"></i> </div> 게임 개발 <div class="sb-sidenav-collapse-arrow"> <i class="fas fa-angle-down"></i> </div> </a> <div class="collapse" id="collapse13" aria-labelledby="headingOne" data-bs-parent="#sidenavAccordion"> <nav class="sb-sidenav-menu-nested nav"> <a class="nav-link" href="#!"><strong>ALL</strong></a> <a class="nav-link" href="#!">게임 개발</a> <a class="nav-link" href="#!">Unity</a> <a class="nav-link" href="#!">C#</a> <a class="nav-link" href="#!">Unreal Engine</a> <a class="nav-link" href="#!">iOS</a> <a class="nav-link" href="#!">C++</a> <a class="nav-link" href="#!">Swift</a> <a class="nav-link" href="#!">UE Blueprints</a> <a class="nav-link" href="#!">게임기획</a> <a class="nav-link" href="#!">블록코딩</a> <a class="nav-link" href="#!">Scratch</a> <a class="nav-link" href="#!">GUI</a> </nav> </div> </div> <!-- nav --> </div> <!-- sb-sidenav-menu --> </nav> <!-- "sb-sidenav accordion sb-sidenav-light --> </div> <!-- 컨테이너 --> <%@ include file="common/footer.jsp"%>
-
미해결파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
html 이미지 삽입
선생님 안녕하세요! 1.전체 layout.html에 이미지를 삽입하려고 합니다. 이미지 참조 루트는 MEDIA_ROOT = os.path.join(BASE_DIR, 'media')로 알고있는데 해당 경로는 유저가 업로드한 이미지만 저장한다고 알고있어서, 유저가 업로드한 이미지를 뿌리는게 아닌 이미지는 어느 경로에 지정하면 되나요?2. 만약 os.path.join(BASE_DIR, 'media')에 지정한다면 {% load media %}이렇게 html 맨 윗단에 호출하면 되나요? 항상 감사드립니다!
-
미해결HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)
z-index속성에 대해 질문드립니다.
항상 고생하십니다. 다름이 아니고 이번에 z-index에 대해 궁금한 점이 생겼습니다. 1) z-index 속성은 position 선언 이후이에 사용이 가능한 속성인지 궁금합니다. 2)예제에서 modal-gnb에 가려진 컨텐츠들을 올리기 위해 z-index속성을 ".trigger"에 주었습니다. 제 생각은 z-index를 active클래스에 주지 않고 .trigger에 주었으니 active가 없어도 .modal-gnb보다 .trigger가 밑에 있으면 안된다고 생각합니다. 하지만 active를 추가 하지 않은 .trigger는 z-index속성이 100임에도 불구하고 modal-gnb에 가려지게 되는데 이러한 이유가 궁금합니다. 항상 감사합니다. 연말 잘 마무리 하셨으면 좋겠습니다.
-
미해결파이썬입문과 크롤링기초 부트캠프 [파이썬, 웹, 데이터 이해 기본까지] (업데이트)
Html 강의 중 이미지 파일 삽입 시 엑박
크롤링 웹기본 - 크롤링을 위한 지식: 웹구조와 HTML 이해하기3 3분 40초 코드는 이렇게 썻는데 이미지는 엑박만 뜹니다 ㅠ 그리고 다른 강의 수업자료(아래) 주피터노트북으로 열때도 이미지가 엑박으로 보이던 부분이있었습니다. 연관이 있을거 같은데 이미지를 이미지로 못받는거같은데 해결방법이 있을까요?