묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결초보자도 만들 수 있는 스크롤 인터렉션. 1편 자바스크립트
100% 가 아니라 156%가 나와요.
js 문제인가 싶어 선생님 소스를 그대로 갖다 써봤는데도 결과물 최대치가 156%가 나옵니다. css 문제인가도 싶은데 당췌 뭐가 잘못된건지 모르겠어요. <body> <div class="wrap"> <section class="sec01"> <article class="content"> <div class="progress"> <span class="bar"></span> <p class="txt">0%</p> </div> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> 가<br> </article> </section> </div> </body> .content { width: 1000px; margin: 100px auto; } .content .progress { position: fixed; left: 50%; top: 500px; width: 70%; height: 100px; margin-left: -35%; border: 1px solid #222; text-align: center; line-height: 100px; } .content .progress .bar { display: block; width: 0%; height: 100%; background-color: #111; } var text = $(".progress .txt"); var progressBar = $(".progress .bar"); function getPercent() { var scrollHeight = $('.sec01').height(); var scrollRealHeight = (scrollHeight - $(window).height()); var winScrollTop = $(window).scrollTop(); var scrollPercent = (winScrollTop / scrollRealHeight) * 100; var textPercent = Math.floor(scrollPercent); render(textPercent, scrollPercent); } function render(textPercent, scrollPercent) { text.text(textPercent + "%"); progressBar.css({ width: scrollPercent + "%" }); } function init() { getPercent(); } $(window).scroll(function () { getPercent(); }) init();
-
해결됨스프링 MVC 2편 - 백엔드 웹 개발 활용 기술
스태틱 클래스 이런식으로 만들어도 되나요?
미리 사용할 정보들 미리 저장해둔다는건 맨날 생각만 해보고 해보진 않아서 강의듣고 억지로 만들어 보았습니다. 이런식으로 만들어도 문제가 없을까요? 작동은 잘되는거 같습니다. @Data@AllArgsConstructorpublic class DeliveryCode { private String code; private String displayName; public static class DeliveryCodes{ private static List<DeliveryCode> deliveryCodes = new ArrayList<>(); static { deliveryCodes.add(new DeliveryCode("FAST", "빠른 배송")); deliveryCodes.add(new DeliveryCode("NORMAL", "일반 배송")); deliveryCodes.add(new DeliveryCode("SLOW", "느린 배송")); } public static List<DeliveryCode> getDeliveryCodes() { return deliveryCodes; } }}
-
미해결블록체인 Dapp 개발에 트러플 활용하기_기본편
트러플 설치가 안됩니다
안녕하세요. 트러플설치가 안되어 도움 요청드립니다. 설치를 한뒤 확인하면 아무것도 안나옵니다. 그리고 다시 설치를 하면 아래와 같이 뜨는데 어찌해야할지 모르겠습니다. 도움부탁드립니다~~
-
미해결파이썬 무료 강의 (활용편2) - GUI 프로그래밍 (4시간)
터미널에 한글이 깨져서 나옵니다.
터미널에 한글이 깨져서 나옵니다. 그래서 인터넷을 방법을 찾아보니 change File encoding > reopen file encoding > korea(euckr) 이렇게 선택하라고 하더라고요. 근데 그렇게 하니까 SyntaxError: Non-UTF-8 code starting with '\xb0' in file d:\02.Myproject\09.python\ex01\button.py on line 19, but no encoding declared; see http://python.org/dev/peps/pep-0263/ for details 라고 뜹니다.... vscode를 사용 중인데, 해결할 방법이 없을까요?
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
새로고침시 적용이 안되는 문제
저도 아래분이 말씀하신거처럼 signinform에 적용한 padding이 새로고침시 적용이 안되더라고요. 디버깅을 해보려 했으나 preview 말씀하신거 이외에는 뭐 할수 있는게 없는것 같아서.. 이러한 경우에는 그냥 inline으로 적용을 해야 할까요? 코드가 혹시 잘못된게 없나 확인해보고 현영님꺼 그대로 복붙하였으나 똑같네요. 일단 눈으로 보이는 styled component는 다 안먹히는거 같아서 ssr 자체가 안되는건지 의심스럽기도하구요.
-
미해결스프링과 JPA 기반 웹 애플리케이션 개발
기본 방식(lazy loading)으로 패치가 되지 않는 문제점
안녕하세요 기선님! 강의 내용을 복습하다가 의문점이 생겨서 질문 드립니다! @EntityGraph(value="Study.withAll", type = EntityGraph.EntityGraphType.LOAD)Study findByPath(String path) 이를 통해서 toMany로 끝나는 정보에 대해서는 study 를 조회하는 쿼리에서 한꺼번에 조인을 해서 가져왔었습니다. 그래서 이번에는 역으로 다시 @EntityGraph 를 제거하고 총 다섯번의 쿼리가 발생하는지 확인하였습니다. 애플리케이션도 실행해보고 디버거도 돌려본 결과 쿼리는 5번에 맞게 잘 조회를 하지만, manager 에 대해서는 Lazy Loading에 의해 패치 되지 않았습니다. ( zone 과 tag는 패치가 잘 되었습니다. 그리고 쿼리가 5번 발생한 것으로보아 기본 패치 형태로 Lazy loading도 잘 수행되는 것 같습니다) account_manager 조인 테이블도 확인한 결과 분명 관계는 설정이 잘 되어 있었는데, 이대로 패치가 되지 않았습니다. 혹시 이 두 관계에 대해서만 패치가 되지 않는 이유가 있을까요? @EntityGraph를 통해서 study와 함께 한번에 패치 받아올 때는 잘 받아졌습니다! 항상 좋은 강의 감사합니다 :)
-
미해결스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술
강의와는 관련없는 질문입니다.
이번 강의는 백엔드개발자를 위한 강의인데 일반적으로 백엔드개발자와 서버개발자의 차이가 뭔지 궁금합니다. 어떤차이가 있을까요??
-
미해결스프링 입문 - 코드로 배우는 스프링 부트, 웹 MVC, DB 접근 기술
제가 home화면이 안뜹니다
화면이 이렇게 뜨면서 home 화면이 아니라 index화면이뜨는데 왜 그런걸까요...??ㅠㅠ
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 챗봇 사이트 만들기
npm run start 시 cannot find module 에러
강의 내용 중 npm run start하는 과정에서 자꾸 에러가 뜹니다 .. 다음 영상으로의 진도를 못나가는 상황이라 질문 올려봅니다 ㅠㅠ npm run start > chatbot-app@1.0.0 start > node index.js C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\grpc_extension.js:57 throw e; ^ Error: Cannot find module 'C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\node\extension_binary\node-v93-win32-x64-unknown\grpc_node.node' Require stack: - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\grpc_extension.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\client_interceptors.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\client.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\index.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\google-gax\build\src\grpc.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\google-gax\build\src\index.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\dialogflow\src\v2\agents_client.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\dialogflow\src\v2\index.js - C:\Users\ddffs\Desktop\chatbot-starter\node_modules\dialogflow\src\index.js - C:\Users\ddffs\Desktop\chatbot-starter\server\routes\dialogflow.js - C:\Users\ddffs\Desktop\chatbot-starter\index.js at Function.Module._resolveFilename (node:internal/modules/cjs/loader:927:15) at Function.Module._load (node:internal/modules/cjs/loader:772:27) at Module.require (node:internal/modules/cjs/loader:999:19) at require (node:internal/modules/cjs/helpers:93:18) at Object.<anonymous> (C:\Users\ddffs\Desktop\chatbot-starter\node_modules\grpc\src\grpc_extension.js:32:13) at Module._compile (node:internal/modules/cjs/loader:1095:14) at Object.Module._extensions..js (node:internal/modules/cjs/loader:1124:10) at Module.load (node:internal/modules/cjs/loader:975:32) at Function.Module._load (node:internal/modules/cjs/loader:816:12) at Module.require (node:internal/modules/cjs/loader:999:19) { code: 'MODULE_NOT_FOUND', requireStack: [ 'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\grpc\\src\\grpc_extension.js', 'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\grpc\\src\\client_interceptors.js', 'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\grpc\\src\\client.js', 'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\grpc\\index.js', 'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\google-gax\\build\\src\\grpc.js', 'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\google-gax\\build\\src\\index.js', 'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\dialogflow\\src\\v2\\agents_client.js', 'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\dialogflow\\src\\v2\\index.js', 'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\node_modules\\dialogflow\\src\\index.js', 'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\server\\routes\\dialogflow.js', 'C:\\Users\\ddffs\\Desktop\\chatbot-starter\\index.js' ] }
-
미해결파이썬 무료 강의 (기본편) - 6시간 뒤면 나도 개발자
다양한 출력포맷
다양한 출력포맷에서print("{}") {} 안에 들어가는 형식들의 위치나 우선순위가 정해져 있는건지 궁금합니다.그리고 어떻게 암기하면 좋은지 궁금합니다.
-
미해결리액트로 나만의 블로그 만들기(MERN Stack)
음.. 영상에 ..짤린게 있네요
거의 끝자락에서 type import 하잖아요 그거 짤려 있네요.. 깃헙에 자료 있어서 그걸로 덮어 씌었어요..
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
더보기 버튼 클릭 시 useSWR이 다시 호출되나요???
const [followersLimit, setFollowersLimit] = useState(3); const [followingsLimit, setFollowingsLimit] = useState(3); const { data: followersData, error: followerError } = useSWR(`http://localhost:3065/user/followers?limit=${followersLimit}`, fetcher); const { data: followingsData, error: followingError } = useSWR(`http://localhost:3065/user/followings?limit=${followingsLimit}`, fetcher); ====================== 강사님 안녕하세요~ 질문이있습니다. 맨처음 profile 페이지 로드될때 useSWR을 통해 팔로잉, 팔로워 리스트를 가져오는 건 알겠는데요, 더보기 버튼 클릭할 때 useSWR이 다시 동작하는지 궁금합니다.. 1. 예를들어 팔로잉 더보기 버튼 클릭하면 useSWR를 다시 호출하는 부분은 보이지 않고 setFollowingsLimit을 통해 followingsLimit 값 밖에 안바꾸는데 useSWR이 url의 ${followersLimit}부분이 변경된거를 인식해서 다시 호출 & 데이터 요청이 되는걸까요? 2. useEffect(()=>{ axios.get(`http://localhost:3065/user/followers?limit=${followersLimit}`); }, [followersLimit]); ㄴ> 만약 1번 가정이 맞다면 대충 이런식으로 동작하고있다고 받아들여도 될까요..?
-
미해결[하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기
질문에도 이미지를 넣을 수 있을까요?
안녕하세요 판다님! 먼저 좋은 강의해주셔서 정말 감사합니다. 저는 완전 초보 수준이었는데 강의 따라하고, 깃헙에 올려주신 파일들도 뜯어보면서 결과이미지 2개 넣기, 다른 SNS 공유 버튼 넣기, 결과 텍스트에 엔터 넣기 등등 몇 가지 응용에도 성공했습니다! (며칠 걸렸지만요) 마지막으로 각 질문 아래 이미지 넣기에 도전해보고 있는데 이것만큼은 아무리해도 구현이 안되어 이렇게 질문을 남깁니다. 각 질문마다 이미지를 넣으려면 어떻게 해야할까요? 알려주시면 정말 감사하겠습니다!
-
미해결Slack 클론 코딩[실시간 채팅 with React]
이전 질문에서 IE 11 지원 후 핫리로드가 안된다는 질문했던 사람입니다.
웹팩쪽 세팅쪽이 문제가 있을것같다며 코드를 보여달라고하여 답글을 달았지만 못보신것 같아서 새로 글 썼습니다. https://github.com/bokjk/chkReactIE11 IE 세팅부분만 정리하여 github에 올려놨습니다.
-
미해결딥러닝 CNN 완벽 가이드 - TFKeras 버전
검증세트 질문드립니다.
안녕하세요 교수님을 통해서 머신러닝을 배우고 컴퓨터 비전에 관심이 생겨서 교수님의 컴퓨터 비전강의를 듣기 전에 이번 강좌를 듣게 되었습니다. 머신러닝에서 검증 데이터 세트를 만들때는 train_test_split이 아니라 cross_val_score, kfold 등을 사용했던 것으로 기억하고 있습니다. 그래서인지 검증세트에서부터 이해가 잘되지 않습니다 . 제가 이해한 것을 말씀드리면, OnehotEncoding으로 전처리를 한 다음, train_test_split으로 학습용/ 테스트용 데이터를 만드는 것이라고 이해했습니다.
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
타자를 칠때 오른쪽 위에서 저런 안내가 나오는데 문제가 있는 건가요??
(사진)
-
미해결[리뉴얼] React로 NodeBird SNS 만들기
제 화면에서 보이는 부분에 대해 질문 드립니다..
뭔가 잘못 입력하고 있는 걸까요..? 코드는 아래와 같이 똑같이 입력햇습니다 ㅠㅠ
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
파일 영문 관련 문의드립니다.
제가 로컬디스크(C:)에 아톰이 설치되어 2-1강에서 말씀하신 IDLE이나 cmd에서 atom 들어가는 과정이 잘 되었습니다. 근데 지금 확인해보니 폴더가 영어가 아니라 '나'라고 되어 있는데 atom 설치한 파일명은 '.atom' 이라고 되어있습니다. 이러한 상황이면 문제 없는 건가요??
-
미해결[C++과 언리얼로 만드는 MMORPG 게임 개발 시리즈] Part2: 게임 수학과 DirectX12
혹시 render target을 이용한 picking의 구현이 가능할까요?
예를 들어 각각의 오브젝트가 유니크한 24비트 색상id를 가지고, 해당 색상id를 diffuse color처럼 뿌린 render target을 만든다면, 마우스로 화면 클릭시 해당 render target의 클릭 좌표에 있는 색상에 따라 어떤 오브젝트가 선택되었는지를 확인할 수 있기 때문에 행렬 변환과정이 필요 없어지면서 속도가 엄청 빠를것 같은데요. 이미 사용되고 있는 방법인지, 알려져있긴 하지만 비효율적이거나 일반적이진 않은 방법인지 궁금해서 여쭈어봅니다.
-
미해결Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
깃허브 권한 요청
인프런 아이디 : jieunpark247 인프런 이메일 : jieunpark247@naver.com 깃헙 아이디 : jieunpark247@daum.net 깃헙 Username: jieunpark247
