묻고 답해요
164만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결인스타그램 클론 - full stack 웹 개발
안녕하세요 개시부분이 이상해서요
body{ background: #fafafa; } .m_text{ font-size: 14px; font-weight: bold; } .s_text{ font-size: 12px; } .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; } #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:75px; margin:0 auto; display:flex; justify-content: space-between; align-items: center; } #header .inner a{ color:transparent; } #header .inner .logo .sprite_insta_icon{ margin-right:25px; position:relative; } #header .inner .logo .sprite_insta_icon:after{ content: ''; width:1px; height:25px; background:black; left:40px; top:0; position:absolute; } #header .inner .logo div:nth-child(2){ transform:translateY(9px); } #search_field{ width:270px; height:25px; background:#fafafa; border:1px solid #dbdbdb; border-radius: 3px; text-align:left; outline:none; padding:3px 30px; color:#999; font-weight:400; font-size:14px; } #header .search_box{ position:relative; } #header .search_box .fakefield{ position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); pointer-events: none; } #search_field::placeholder{ font-size:0; } #search_field:focus::placeholder{ font-size:14px; } #search_field:focus ~ .fakefield > span:nth-child(1){ transform:translateX(-150px); } #search_field:focus ~ .fakefield > span:nth-child(2){ display:none; } #header .right_icons{ width:85px; display:flex; justify-content: space-between; } #main_container{ padding-top:130px; /* //마진을 주면 병합 현상이 일어날수 있음 */ display:flex; justify-content: center; /* x축으로 가운대 정렬 */ } #main_container .inner{ width:935px; } .contents{ width:614px; border:1px solid rgba(0,0,0,0.1); border-radius:3px; margin-bottom:60px; background:white; } .contents .top{ display:flex; justify-content: space-between; align-items: center; padding: 10px 20px; } .contents .top .profile_img{ width:32px; height:32px; border-radius:50%; overflow:hidden; margin-right:15px; } .contents .top .profile_img img{ width:100%; } .contents .top .user_container{ display:flex; } .contents .img_section{ overflow:hidden; } .contents .img_section img{ width:100%; } .contents .bottom_icons{ display:flex; justify-content: space-between; align-items: center; padding:10px 20px; } .contents .bottom_icons .left_icons{ display:flex; } .contents .bottom_icons .left_icons > div{ margin-right:10px; } .contents .likes{ padding: 5px 20px; color:#262626; } .contents .comment_container{ display:flex; justify-content: space-between; align-items: center; padding:3px 20px; } .comment_container .comment{ display:flex; font-size:14px; } .comment_container .comment div:nth-child(2){ transform:translateY(-1.5px); } .comment_container .comment .nickName{ margin-right:5px; } .contents .timer{ font-size:10px; letter-spacing: 0.2px; color: #999; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 10px 20px; } } .contents .comment_field{ min-height:56px; padding: 0 20px; position: relative; } .contents .comment_field input{ width: 100%; height: 56px; border: none; outline: none; background:transparent; } .contents .comment_field .upload_btn{ color:#3897f0; position: absolute; right: 20px; top: 50%; transform: translateY(-50%); cursor: pointer; pointer-events:none; opacity: 0.6; } //css부분 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="css/reset.css"> <link rel="stylesheet" href="css/style.css"> <title>Document</title> </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="fakefield"> <span class="sprite_small_search_icon"></span> <span>검색</span> </div> </div> <div class="right_icons"> <div class="sprite_compass_icon"></div> <div class="sprite_user_icon_outline"></div> <div class="sprite_heart_icon_outline"></div> </div> </section> </header> <section id="main_container"> <div class="inner"> <div class="contents_box"> <article class="contents"> <header class="top"> <div class="user_container"> <div class="profile_img"> <img src="imgs/7.jpg" alt="프로필 사진"> </div> <div class="user_name"> <div class="nickName m_text"> hanjae </div> <div class="country s_text">Seoul, South Korea</div> </div> </div> <div class="sprite_more_icon"></div> </header> <div class="img_section"> <div class="trans_inner"> <div><img src="imgs/img_section/11.jpg" alt="이미지"></div> </div> </div> <div class="bottom_icons"> <div class="left_icons"> <div class="heart_button"> <div class="sprite_heart_icon_outline"></div> </div> <div class="sprite_bubble_icon"></div> <div class="sprite_share_icon"></div> </div> <div class="right_icons"> <div class="sprite_bookmark_outline"></div> </div> </div> <div class="likes m_text"> 좋아요 <span class="count">2,346 </span> 개 </div> <div class="comment_container"> <div class="comment"> <div class="nickName m_text"> jae </div> <div>해위</div> </div> <div class="small_heart"> <div class="sprite_small_heart_icon_outline"></div> </div> </div> <div class="timer"> 1시간 전.. </div> <div class="comment_field"> <input type="text" placeholder="댓글 달기.." > <div class="upload_btn m_text">게시</div> </div> </article> </div> </div> </section> </section> </body> </html> html 부분인데 개시버튼이 이렇게 떠가지구요...
-
미해결홍정모의 따라하며 배우는 C++
8.12 강의 3분에서 질문있습니다.
void dosomething(A&a) { cout<<a.m_value<<endl; } int main() { Aa;//->세미콜론 앞에 파라미터가 없을 때는 ()를 안붙이고 파라미터가 있을 때는 ()를 붙여야 하지 않나요? dosomething(a); return 0; }
-
해결됨[개정판] 파이썬 머신러닝 완벽 가이드
코드 질문드립니다
charts = {} for i in ['id_12', 'id_15']: feature_count = train[i].value_counts(dropna=False).reset_index().rename(columns={i: 'count', 'index': i}) chart = alt.Chart(feature_count).mark_bar().encode( y=alt.Y(f"{i}:N", axis=alt.Axis(title=i)), x=alt.X('count:Q', axis=alt.Axis(title='Count')), tooltip=[i, 'count'] ).properties(title=f"Counts of {i}", width=400) charts[i] = chart 저가 value_counts, reset_index 까지는 이해가 가는데 그 다음 부터 잘 이해가 안갑니다 ㅠㅠ 설명부탁드립니다 ㅠㅠ
-
미해결홍정모의 따라하며 배우는 C++
교수님 질문있습니다.
안녕하세요 강의 15:16 부분에서 Something something; somthing.getValue() = 10; 이라고 쓴 코드가 있는데, Something something; string someVal = something.getValue(); //혹은 string& someVal = something.getValue(); someVal = 10; 이런식으로 getValue()의 리턴값을 다른곳에 담아서 바꾸어 주는 것은 이해가되는데, 바로 getValue()로 리턴을 받자마자 10을 넣어주는 것이 잘 이해가안됩니다. getValue의 리턴값을 아무곳에도 집어넣어주지않았는데 어떻게 10을 대입해주는것인가요?
-
미해결홍정모의 따라하며 배우는 C++
안녕하세요 질문입니다.
지금까지 강의를 보면 생성자를 만드실때Simple(const int& id_in){} 이런식으로 파라미터로 const int& 이렇게해서 참조값을 넣어주시는데요, Simple(int id_in){}이렇게 넣어도 똑같은데 굳이 참조자를 이용해 초기화를 해주시는 이유가있나요?물론 참조자를 쓰는 것과 안쓰는 것의 차이는 알고 있습니다.(같은 질문에 대해 강의를 참고하시라는 답변을 봐서 물론 강의는 보고왔습니다) Simple(int id_in){}으로해도 결국 id_in이 복사되어서 멤버 변수인 m_id에 넣어주면 해당 인스턴스의 m_id를 쓸수도 있는데 왜 항상 참조자를 써서 생성자 멤버변수를 초기화해주시는지 궁금합니다. 그냥 코딩 일관성을 위해서 인가요?보통 파라미터로 참조자를 받는 것과 그냥 참조자 안받고 call by value로 할때의 차이는 알고있습니다. 근데 저 경우에는 차이가없는것 같은데 저때도 항상 참조자를 이용하시는 이유가 궁금합니다!
-
해결됨[개정판] 파이썬 머신러닝 완벽 가이드
컬럼 관련 질문 드립니다.
1.이렇게 컬럼들이 많은 데이터셋에서 모든 컬럼이 나오게 설정할 수 있는 방법이 있는지 궁금합니다. 2. 컬럼 이름 데이터 셋을 구하고 싶은데 그 떄는 어떻게 할 수 있는지 궁금합니다.
-
미해결자바스크립트 중고급: 엔진 핵심
정보 보호에 관해 질문이 있습니다.
이 전 강의의 클로저 코드에서도 정보가 보호 되는것 아닌가요? 정보보호 관점에서 아래의 코드와 즉시실행 익명함수로 한번 더 감싼것이 어떠한 차이가 있는 것인지 궁금합니다. function book() { var point = 100; var getPoint = function(param) { point = point + param; return point; }; return getPoint; } var obj = book(); log(obj(200)); 덧붙여 좋은 강의 정말 감사합니다. 😄
-
해결됨TDD 개발 방법론을 활용한 React Native 앱 개발
코드 커버리지 툴은 어떤걸 사용하시나요?
안녕하세요? 강좌 재미있게 잘 봤습니다. 저는 자바 기반으로는 유닛 테스트를 좀 해봤습니다. 제가 전에 자바로 테스팅 할 때는 코드커버리지 도구를 이용해서 전체 코드 중에 얼마나 테스트를 했는지 확인할 수 있었는데, 강사님은 현재 코드커버리지 도구를 사용중이신지 궁금하고 사용 중이시라면 어떤걸 이용하고 계신지 궁금합니다. 그리고 it(), expect(), 등등 테스트에 사용되는 도구들이 갖고 있는 기본 api 들에대해서 어떤 역할을 하는 것들인지도 쫌 설명이 있었으면 좋았을 것 같습니다. 지금 상태라면 각 함수들의 용도나 기능은 모른채로 강사님의 코드를 따라하기식으로 밖에는 테스트 케이스를 작성할 수 없을 것 같아요. 감사합니다~
-
미해결자바 ORM 표준 JPA 프로그래밍 - 기본편
코드테이블 조인방법이 궁금합니다.
안녕하세요. 강의 잘 듣고있습니다. 질문은, 회사에서 Query를 작성하다보면 코드테이블을 여러번 join 하는 경우가 허다한데요. a join code 처럼 a 테이블의 특정 코드에 대한 코드값을 읽어오고자 할 경우, a 테이블에서 code 테이블쪽으로 driving이 걸리는 컬럼은 대부분 pk가 아닐텐데요. 이럴 경우 어떤식으로 해결을 해야할까요? join을 통해서 이래저래 방법을 찾아보았으나 pk와 fk 관계가 아니면 오류가 나네요. 몇일동안 테스트는 하는데 딱히 방법이 보이지않습니다. 내부적으로 메인테이블에서는 단순코드만 관리하고 description 자체를 코드테이블에서 읽어오는 방식이다 보니 상기방식의 작업이 상당히 많은 편입니다. 그럼 조언부탁드립니다. 미리 감사드립니다.
-
미해결Node.js로 웹 크롤링하기
aws에서 puppeteer lauch 불가
로컬에선 잘만 되는데, aws에 배포하면 puppeteer.lauch가 안되고 다음과 같은 에러가 떠요
-
해결됨자바 ORM 표준 JPA 프로그래밍 - 기본편
쓰기지연 관련.
안녕하세요. 강사님! [1] commit 하기전에는 1차캐쉬 영역에 보관(?) 되었다가 commit 날릴때 db에 insert 되는건 이해했는데요.. [2] 뒤에 설명(16:20)부분에 hibernate.jdbc.batch_size 옵션을 켜주면 사이즈만큼 모아서 한방에 쿼리를 날린다. [1]설명 하실때 해당 옵션이 비활성 되어 있음에도, commit 할때 insert 되었는데 [2] 옵션과 commit과 차이가 잘 이해가 안갑니다....
-
미해결프로그래밍, 데이터 과학을 위한 파이썬 입문
리눅스 하나도 모르는 사람이 이해하기가 너무 어렵네요
강사님은 엄청 빨리빨리 진행하시는데, 리눅스 하나도 모르는 사람은 명령어가 무슨 명령어인지도 모르겠고... 각 명령어의 목적이나 어법도 모르고 언더바는 왜 그었는지도 모르는데... 따라가기가 너무 어렵습니다.
-
미해결프로그래밍, 데이터 과학을 위한 파이썬 입문
wget 을 따로 설치해야 되는데 그 설명이 없네요
wget 을 이용해서 bash install 하라고 하셨는데 따라해보니 wget command not found 라고 뜹니다. 검색해보니 별도의 설치가 필요하네요.
-
미해결스프링 기반 REST API 개발
평범한 CRUD이외의 작업을 위한 API는 어떻게 Restful하게 만들 수 있을까요?
현업에서 REST API를 만들고 있는 개발자입니다. 짧은 지식으로는 Restful한 API는 URI에는 자원을 가리키는 "명사"만 들어가야 하고, 해당 자원에 대한 작업은 HTTP Method로 표현될 수 있는 "동사"를 사용해야 한다고 하는데요. 실제로 현업에서 만드는 API는 단순한 CRUD의 범주에 들어가기 힘든 경우가 있어서요. 강좌에서 사용한 Events를 예로 설명하자면, 이벤트의 STATUS를 바꿀때 특정 권한자의 승인등을 수행하는 API의 경우엔 어떤식으로 디자인하는게 Restful한것인지 알고싶습니다. 기존에는 /api/events/{id}/approve 등으로 했었는데, 이러면 Restful한 것 같지가 않아서요.
-
미해결배틀로얄 게임을 만들어보며 배우는 언리얼 게임 개발
자료 같은게 어디있다고 언급을 하던가
돈은 돈대로 받으면서 서비스는 왜 이 모양 인건지 ㅉㅉ
-
해결됨실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
Querydsl 관련 문의 드립니다.
삭제된 글입니다
-
해결됨자바 ORM 표준 JPA 프로그래밍 - 기본편
em.find( 인자명칭(?) 관련)
안녕하세요. 실습따라하던 도중 궁금한게 생겨서요. 강사님 코드에는 아래와 같이 primaryKey: 라고 표시되는데 저는 그냥 o: 이렇게 표시가 되서요... 설정이나 플러인 문제 같은건지, 제가 어디 오타를 낸건지 모르겠네요... 결과는 잘 동작합니다.
-
미해결리버스쿨 Level1 - 리버싱 분석 초급과정
악성코드 분석에 있어서,,
악성코드 분석에 있어서,, 샘플 악성코드를 온라인 바이러스 스캔 같은 ex)바이러스토탈 사이트에 분석을 하였을때, 공격지 ip로 추정되거나, 경유지, 악성코드 제작자에 관한 정보가 분석되는 곳이 있나요?
-
미해결[개정판] 파이썬 머신러닝 완벽 가이드
mean_train_score vs. mean_test_score 차이
안녕하세요. GridSearchCV 예제코드에서 return_train_score를 하면 mean_train_score를 구할수 있는데요. ''' from sklearn.model_selection import GridSearchCV params = { 'max_depth' : [ 6, 8 ,10, 12, 16 ,20, 24] } grid_cv = GridSearchCV(dt_clf, param_grid=params, scoring='accuracy', cv=5, verbose=1,return_train_score=True ) grid_cv.fit(X_train , y_train) grid_cv.cv_results_ ''' mean_test_score는 CV를 통해서 나눠진 하나의 validation dataset으로 구한 score (즉, validation score)를 말하는것 같긴한데, 맞나요? 만약 그렇다면 mean_train_score는 무엇을 말하나요?
-
미해결React로 NodeBird SNS 만들기
회원가입 완료 후 질문입니다!
안녕하세요! 강의 정말 잘 보고 있습니다. 회원가입 후 등록까지 정상적으로 완료했는데요! dispatch 후 back 서버에서 성공이라면 성공 메시지와 응답메세지, 실패라면 실패 메시지와 응답메세지 + 오류 코드 이렇게 받을텐데요. 받은 메시지에 따라 사용자에게 보여줄려면 보통 어떻게 처리해야 하나요? next를 사용한 강의에서는 dispatch ~~ ).then 구문을 사용하지 않다보니, useSelector을 통해 ErrorReason 값이 '' -> "~~" 식의 변화가 생긴다면 useEffect로 해당 state 변화 감지 후, if로 alert 하여 디피하는 방법을 사용하면될지.. 성공일때도 성공은 한가지 경우로 명확하니까, 액션을 통해 특정 succes state는 true 변경해줄테니, useSelector 를 통해, success 명의 state를 감지하여, useEffect 로 alert 후 Router.push 를 해준다거나.. (예: 로그인 할경우 > "~님 환영합니다" alert 후, 특정 페이지로 짠~ 실제 실무 코드에서는 해당 처리를 어떻게 해주는지 궁금합니다. 해당 기능만 미리 알고 싶에서 8강의 소스만 미리 살짝 분석해보니, 비슷한 처리는 없어보여서요..ㅠㅠ