묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결실전! 스프링 부트와 JPA 활용1 - 웹 애플리케이션 개발
ManyToMany 질문
선생님, 실무에선 Category <-> Item 관계를 @ManyToMany를 이용하지말고 CategoryItem entity를 만들어서 OneToMany, ManyToOne으로 이어주라 하셨는데 category가 items를 가져오고 싶을 때는 categoryItems에서 item들의 id를 받아오고 그걸로 다시 item테이블에서 조회해서 id값이 일치하는 것들을 가져오는식으로 작업해야하나요?
-
미해결인스타그램 클론 - full stack 웹 개발
강의영상이 안나와요 ㅠㅠ
새글|수정|삭제 :: forms 여기 파트 강의영상이 죄송합니다 이 동영상은 잠시 후 시청 가능합니다. 이러면서 영상이 안나옵니다.. 빠르게 수정 부탁드려요
-
미해결인스타그램 클론 - full stack 웹 개발
fake_field가 input안에 안들어가요..
<!DOCTYPE html> <html lang="en"> <head> <meta charset = "UTF-8"> <title>Title</title> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> <script src="js/main.js"></script> </head> <body> <section id = "container"> <header id = "header"> <section class = "inner"> <h1 class = "logo"> <a href="index.html"> <div class = "sprite_insta_icon"></div> <div class = "sprite_write_logo"></div> </a> </h1> <div class="search_box"> <input type="text" placeholder="검색" id = "search-field"> <div class="fake_field"> <span class="sprite_small_search_icon"></span> <span>검색</span> </div> </div> <div class="right_icons"> <div class="sprite_camera_icon"></div> <div class="sprite_compass_icon"></div> <div class="sprite_heart_icon_outline"></div> <div class="sprite_user_icon_outline"></div> </div> </section> </header> </section> </body> </html> ------------------------------ .sprite_insta_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -53px -235px; width: 22px; height: 22px; } .sprite_write_logo { display: inline-block; background: url('../imgs/background01.png') no-repeat -94px -72px; width: 103px; height: 29px; } .sprite_compass_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -130px -286px; width: 23px; height: 23px; } .sprite_user_icon_outline { display: inline-block; background: url('../imgs/background01.png') no-repeat -272px -182px; width: 22px; height: 24px; } .sprite_heart_icon_outline { display: inline-block; background: url('../imgs/background01.png') no-repeat -52px -261px; width: 24px; height: 22px; } .sprite_small_search_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -337px -246px; width: 10px; height: 10px; } .sprite_more_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -301px -218px; width: 15px; height: 3px; } .sprite_bubble_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -239px -202px; width: 24px; height: 24px; } .sprite_share_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -324px -52px; width: 21px; height: 24px; } .sprite_bookmark_outline { display: inline-block; background: url('../imgs/background01.png') no-repeat -237px -286px; width: 19px; height: 24px; } .sprite_bookmark_outline.on { background: url('../imgs/background01.png') no-repeat -159px -286px; width: 19px; height: 24px; } .sprite_small_heart_icon_outline { display: inline-block; background: url('../imgs/background01.png') no-repeat -323px -274px; width: 12px; height: 11px; } .sprite_camera_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -271px -104px; width: 24px; height: 22px; } .sprite_insta_big_logo { display: inline-block; background: url('../imgs/background02.png') no-repeat -98px -150px; width: 175px; height: 51px; } .sprite_plus_icon { display: inline-block; background: url('../imgs/background01.png') no-repeat -187px -202px; width: 23px; height: 23px; } body{ background: #fafafa; } #header{ width: 100%; position: absolute; left:0; top:0; z-index: 999; background: white; border-bottom: 1px solid rgba(0,0,0,0.1); } #header .inner{ width: 975px; height: 77px; margin: auto; display:flex; justify-content: space-between; align-items: center; } #header .inner .logo > a { color: transparent; } #header .inner .logo .sprite_insta_icon { position: relative; margin-right: 30px; } #header .inner .logo .sprite_insta_icon:after{ /* :을 찍으면 가상선택자 after는 그 후에 뭔가를 만들겠다. 콘텐츠를 받아야함.*/ content: ''; width: 1px; height: 28px; background: #000; position: absolute; right : -15px; top : 0; } #header .inner .logo div{ vertical-align: middle; } #header .search_box{ position: relative; } #search-field{ width: 185px; height: 28px; background: #fafafa; border: 1px solid #dbdbdb; border-radius: 3px; padding: 3px 30px; color: #999; font-weight: 400; text-align: left; font-size: 14px; outline: none; } #header .search_box .fake_field{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } 이 코드인데 문제를 찾을 수 가 없어용..
-
미해결윤재성의 처음 시작하는 파이썬
본거 안본거 확인 할수있는 방법 없습니까?
교육과정을 분명히 다 들었는데 강의가 한개 비어서 95%로 표기되는데요. 들은거 안들은거 구분되는 마크도 없고 어떻게 해야하는건지요?
-
해결됨코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)
each반복문 활용한 부분에서 질문 있습니다.
$.each(data, function(i, field){ $("#result").append("<p>" + field + "</p>"); }); 이게 each 반복문을 이용해서 배열 data를 화면에 넣은 것이라고 하셨는데요. 여기서 i와 field는 무엇을 뜻하는 건가요??
-
React로 NodeBird SNS 만들기
회원 가입 버튼 누르면 한참 빙글빙글 하다 에러가 발생해요
삭제된 글입니다
-
미해결React로 NodeBird SNS 만들기
me 가없을때 0을 대신넣어주는 로직 질문
const user = await db.User.findOne({ where: { id: parseInt(req.params.id, 10) || req.user.id || 0 } }); 1. 이부분에서요 req.params.id가 0이면 내정보를 요청한걸로쳐서 req.user.id를찾는것은 이해하고있습니다. 근데 로직에서 req.params.id가 0이면 parseInt()가 0을 반환 하잖아요? 그럼이렇게될텐데 where:{id: 0 || req.user&&req.user.id || 0} or연산자에 의해서 0 이 false로 처리되어서 두번째값인 req.user 가 대입되는건가요? 2. 그렇다면 req.user역시도 undefined라면 마지막값도 0이니 where:{false||false||false}가 되서 sequelize가 에러를일으키지않나요?sequelize가 undefined값을받았을때 오류를 일으킨다고 다른댓글에 답변하신거를 봐서요
-
미해결홍정모의 따라하며 배우는 C++
그래픽스 공부 질문드립니다!
안녕하세요. 교수님. 게임 엔진과 게임 개발자가 꿈인데 그래픽스 공부는 어떻게 해야 될까요? 전공자라 기본기는 있는 편인데, 그래픽스 수업은 들은 적도 없고 진입 장벽도 높은 편인 것 같아서 어떻게 공부해야 될지 잘 모르겠습니다. 수학과 개발은 꾸준히 공부중인데 opengl 과 directx 중 뭐부터 공부해야될까요 ? 또한 그래픽스 책이라도 추천해주시면 감사하겠습니다.
-
미해결코알못에서 웹서비스 런칭까지 : 2021 제주 코딩 베이스캠프(Django)
반복문 each에서 잘 모르겠는 줄 질문합니다
const original_contetnt = $(this).html(); 이 줄이 무슨 뜻인지 잘 모르겠습니다..ㅠㅠ 원래의 컨텐츠 내용이 무엇을 의미하는건지, html()이라는 함수가 td의 html을 가져오는게 무슨 의미가 있는건지 잘 모르겠습니다..
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
atom에서 autocomplete-python 설치했는데 업그레이드 하라고 뜹니다
내용을 보니까 추가적으로 kite를 깔라고 나오는데 설치해도 되는지요?
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
현재 최신버전이 3.8.0인데 영상의 3.7.3과 다른점이 있는지요?
19년 10월 18일 강의구입하여 듣고있는 중인데, 현재 파이썬 홈페이지에 올라온 최신 버전이 3.8.0 버전인데, 3.8.0버전으로 다운해도 괜찮은지 궁금합니다.
-
해결됨Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념
49강 slot 강의 중 질문
안녕하세요. 강의를 듣다가 제가 중간에 놓친 부분이 있는지 궁금해서 질문드립니다. 지금까지 따라 온다고 따라왔는데요 ListItem에서 title 영역과 username 영역을 클릭하면 보이는 유저정보를 구성하는중에 <template v-else> <router-link v-bind:to="`item/${item.id}`"> {{ item.title }} </router-link> </template> 이렇게 되어있는데 강의 영상 페이지 url은 /item/21289201 이런 형태인데 실제로는 /item?id=21289201 이렇게 구성되면서 강의내용대로 구성한 페이지가 로딩되지 않고 있어요. 제가 뭐 놓친 부분이 있나요?
-
미해결Vue.js 중급 강좌 - 웹앱 제작으로 배워보는 Vue.js, ES6, Vuex
안녕하세요~
혹시 중급 강좌에서 예시로 보여주셨던 정리된 ppt 파일은 공유 받을 수 없나요? 정리가 잘 되어 있어서, 마지막 리뷰하고 고급 강좌로 넘어 가려 하는데 비슷한 정리 파일이라도 공유 된 사이트가 있는지 궁금합니다!
-
미해결OpenCV + WebApp (얼굴 눈 검출 웹앱만들기)
강의 자료???
강의자료 링크로 가보니 아무것도 없네요. 물론 github 주소로 가봐도 자료가 없네요. 강의자료나 프로젝트 소스를 어디서 다운 받을 수 있을까요?
-
미해결프로그래밍 시작하기 : 파이썬 입문 (Inflearn Original)
(질문) 다음 프린트 결과값이 나오지 않습니다
안녕하세요, 선생님. 좋은 강좌 감사합니다. 수업을 따라하다가 어느 순간이 되면 다음 프린트 결과값이 나오지 않고 일정 구간에서 멈춰 있는데 왜 이런 현상이 일어나는 것인가요? 만약에 중간에 오류가 생기면 그 다음 프린트 결과값이 출력이 되지 않는 것으로 이해할 수 있는데, 딱히 입력을 잘못하거나, 오류가 있는 것도 아닌데 [Finished in ...] 이 나오고 다음 프린트 값이 출력되지 않습니다..
-
미해결Firebase 서버를 통한 IOS앱 HowlTalk 만들기
ChatRooms 설정이 갑자기 바뀌었어요
강의가 누락된 것 같습니다
-
미해결React로 NodeBird SNS 만들기
bcrypt 설치 오류
> bcrypt@3.0.6 install D:\Project\test\bb\back\node_modules\bcrypt > node-pre-gyp install --fallback-to-build node-pre-gyp WARN Using needle for node-pre-gyp https download node-pre-gyp WARN Tried to download(404): https://github.com/kelektiv/node.bcrypt.js/releases/download/v3.0.6/bcrypt_lib-v3.0.6-node-v72-win32-x64-unknown.tar.gz node-pre-gyp WARN Pre-built binaries not found for bcrypt@3.0.6 and node@12.3.1 (node-v72 ABI, unknown) (falling back to source compile with node-gyp) gyp ERR! UNCAUGHT EXCEPTION gyp ERR! stack Error: spawn D:\Visual Studio\MSBuild\15.0\Bin\MSBuild.exe ENOENT gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:264:19) gyp ERR! stack at onErrorNT (internal/child_process.js:456:16) gyp ERR! stack at processTicksAndRejections (internal/process/task_queues.js:84:9) gyp ERR! System Windows_NT 10.0.18362 gyp ERR! command "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\node_modules\\node-gyp\\bin\\node-gyp.js" "build" "--fallback-to-build" "--module=D:\\Project\\test\\bb\\back\\node_modules\\bcrypt\\lib\\binding\\bcrypt_lib.node" "--module_name=bcrypt_lib" "--module_path=D:\\Project\\test\\bb\\back\\node_modules\\bcrypt\\lib\\binding" "--napi_version=4" "--node_abi_napi=napi" "--napi_build_version=0" "--node_napi_label=node-v72" gyp ERR! cwd D:\Project\test\bb\back\node_modules\bcrypt npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! bcrypt@3.0.6 install: `node-pre-gyp install --fallback-to-build` npm ERR! Exit status 1 npm ERR! npm ERR! Failed at the bcrypt@3.0.6 install script. npm ERR! This is probably not a problem with npm. There is likely additional logging output above. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\User\AppData\Roaming\npm-cache\_logs\2019-10-18T08_33_22_379Z-debug.log bcrypt를 인스톨하면 이런 오류가 뜹니다.
-
미해결스프링 웹 MVC
강좌 내용은 아니지만 Java final 관련해서 궁금한점이 있어서 질문드립니다.
안녕하세요 기선님 최근에 한번만 값이 할당되는 변수에는 실수를 줄이기 위해서 명시적으로 final을 붙여주면 좋다는 글을 봤습니다. 저도 그 말이 맞다고 생각해서 실제로 코딩할 때 붙이는 습관을 들이려 하는데, 제 생각이 맞는지 궁금하기도 하고, 실제로는 어떻게 사용되는지 궁금해서 질문드립니다. 기선님은 평소에 final을 어떤식으로 사용하시나요? 변수 말고도 메소드나 클래스에도 어떤식으로 사용하시는지 공유해주시면 정말 감사드릴 것 같습니다.
-
미해결PHP 기초강좌 - 쩡원의 게시판 홈페이지 제작 무작정 따라하기
preg_match
if(preg_match("/[^a-z 0-9]/",$user_id))Error('아이디는 영문소문자와 숫자만 가능합니다.'); 이부분이 이해가 안갑니다. preg_match가 문자를 찾는함수인데 영문자와 소문자가 있다면 에러메시지를 띄우라? 라고 해석이 되는데... preg_match앞에 !가 붙어야 되는거아닌가요...
-
해결됨Vue.js 시작하기 - Age of Vue.js
잘못 눌러서 질문 올린걸 삭제해버렸네요....
문제해결했어요! "no-console": "off"를 적어도 안되었었는데 이것저것 시도하는중에 기존 터미널을 끄고 다시 npm run serve를 해보았더니 에러가 사라졌어요! 감사합니다.
