타운광장토픽게시판

네이버 뉴스도 미리보기 성공ㅋ

윤삼
조회 수 456
크게 작게 댓글로 가기
크게 작게 위로 아래로 댓글로 가기

하나하나 경우의 수에 대비하다보니 소스가 점점 더 지저분해지고 있습니다. 미춰버리겠어욬ㅋㅋㅋㅋㅋ

 

이번에 관건은 연예 뉴스였어요. (이제 일반 뉴스 정도는 껌ㅋ)

이쪽 세션은 젠장, 제가 가진 cURL 소스로는 og든 twitter든 인식을 못하고 자꾸 null값을 넘기더라구요ㅎ

 

그래서 또 어제오늘 삽질에 삽질을 거듭했는데, 또 어떻게 얼추 성공을 했네요.

나중에 소스 정리 끝나면 공유하도록 하겠습니다.

다만, 다른 함수를 써서 서버 환경에 따라 연예뉴스는 인식을 못할 수도 있을 거 같아요ㅠ

 

일반 뉴스 : http://bit.ly/2fGNEhN

연예 뉴스 및 스포츠 뉴스 : http://bit.ly/2uWJFje

 

금융, 부동산, 영화, 뮤직, 책, 웹툰 남았습니다;;;

이건 뭐 산 넘어 산이네요ㅠ

윤삼

profile
아무래도 중급 초반 수준의 코딩 오타쿠인 것 같습니다.
위로 아래로
댓글 54
  • ?
    네이버가 나쁜?이죠?
  • ? profile
    다음 블로그와 카페의 경우를 보건대, 다음도 만만치 않은 것 같아요. 물론 다음 뉴스쪽은 아직 건드리지 않았지만요ㅠ
  • profile
    갈길이 아직 멀지만 꾸준히 발전되고 있네요.
  • profile profile

    ㅋㅋㅋㅋ 지치면 중간에 포기해버릴 거예요~

  • profile profile
    그럴리는 없을 것 같아요.
    윤삼님은 변태니깐요. ㅋㅋㅋㅋ
  • profile profile

    적당히만 변태라서 또 몰라요, ㅎㅎㅎ

  • profile
    네이#이 나쁜놈이네요
    윤삼님 힘들게 또 계속 도전하게 만드는 네이*는 나쁜놈
  • profile profile
    혼내주세요ㅋㅋㅋㅋㅋ
  • profile
    와.. 윤삼님 마법이 날이면 날마다 늘어나는군요!
  • profile profile
    마법이 아니라 그냥 얕은 꼼수예요 ㅎㅎㅎ
  • profile
    워 이건 또 뭐죠^^ 신통방통
  • profile profile
    어쩌다보니 여기까지 왔네요ㅋㅋㅋㅋ
  • profile
    업데이트 되었네요~~ 감사합니다.
    그런데 혹시 페이스북만 좌측정렬로 바꾸신건지 궁금합니다.
    https://pomelove.com/xe/notice/1636399
  • profile profile
    아뇨, 그럴리가요. http://bit.ly/2uKF1VY
    사용하시는 css에서 가로 화면 820px을 기준으로 display:table의 정렬을 바꾸는 뭔가가 있는 듯해요.
  • profile profile
    개발자 도구를 켜면 바로 가운데로 가벼려서 원인을 못찾겠네요 ㅋ
  • profile profile
    display:table 을 빼면 페이스북은 가운데로 정렬이 되는데 유튜브가 저번에 말씀 드린 것 처럼 우측으로 밀리는 현상이 있네요. 세로가 짧아지고..
    좀더 고민해 보고 결정을 해야 할 것 같습니다.
  • profile profile
    혹시 페이스북페이지의 iframe 가로 사이즈를 애드온 js에서 지정하나요?
    width: 980px 엘리먼트에 이 값이 있는데 요소보기에서 이걸 없애면 페이스북페이지가 가운데로 오네요.
  • profile profile
    아뇨. js에서는 border:none;overflow:hidden 요 두 개만 넣었어요.
    허허, display:inline-block이랑 width:980px이 어디서 와서 붙는 걸까요;;;
  • profile profile
    저희 iframe(유튜브)를 가로에 맞추는 걸 쓰는데 그것의 영향일까요?
    그럼 js에 width:500px; 를 넣어도 될까요?
  • profile profile
    넣는 건 괜찮은데 다른 애드온보다 늦게 실행된다면 다시 980으로 덮어써지는 거 아닌지 모르겠네요
  • profile profile
    네... 가로폭 사이즈로 덮어씌워지는 듯 합니다 끙..... 애드온은 아니고 js 파일인데 왜 페이스북까지 컨트롤을 하는지....
  • profile profile
    페북까진 아니고 페북 불러오는 아이프레임이니까 내부 요소가 맞긴 맞아요ㅠ
    아이프레임에 500px 넣는 건 문제가 없을 것 같으니 저도 넣겠습니다!
  • profile profile
    넣어도 저희는 가로 사이즈가 다시 가로 최대폭으로 덮어써져요......
  • profile profile
    그냥 display:table을 빼면 어떤가요?
    다른 부분에 영향을 주나요?
    만약 그렇다 해도 js에서 페북 페이지 불러오는 부분에 display:block 같은 걸 넣어주면 될 것 같은데...
  • profile profile

    아까 그렇게 해봤는데요. 지금 빼 놓았습니다.
    페이스북페이지는 정상적으로 가운데로 오구요. 유튜브가 우측으로 갑니다.

    https://pomelove.com/xe/free/366964

  • profile profile

    그럼 js에서 display를 바꿔봐야겠습니다.
    // Facebook Page 주석 있는 곳 아래에
    fb_cnt.html(fb_page).css('border','none').fadeIn('slow'); 대신,

    fb_cnt.html(fb_page).css({'display':'block', 'border':'none'}).fadeIn('slow');
    이렇게요.

  • profile profile
    잘 되네요. 마지막으로 저희 모바일에서 트위터가 오른쪽 끝에 살짝 잘리는 것만 해결하면 될 것 같은데요. 이거는 나중에라도 혹시 발견하시면 알려주세요. 그때 고쳐볼게요.
  • profile profile
    좀 빡빡하긴 할 텐데 어쩔 수 없겠네요ㅠ
    // Twitter Timeline 아래 쯤에

    tw_cnt.html(tw_post).css({'padding':10, 'max-width':480, 'overflow-y':'auto'}).fadeIn('slow');
    대신,

    tw_cnt.html(tw_post).css({'max-width':500, 'border-radius':4, 'overflow-y':'auto'}).fadeIn('slow');
    으로 바꿔보세요. border-radius는 싫으시면 빼도 되구요ㅋㅋ
  • profile profile

    감사합니다. 늦은시간까지 수고 많이 하셧어요.

    참고로 페이스북게시글의 경우는 개발자도구로 보니 오른쪽이 살짝 잘리는데
    제 폰에서는 실제로는 잘리지 않아요. 요건 참고삼아....
    375사이즈부터 약간 잘리는 현상이네요. 425 사이즈부터는 괜찮습니다. 가로폭!
    좋은 자료 업데이트 감사합니다!

  • profile profile
    네, 묘하게 안쪽으로 들어가긴 하더라구요. 페이스북 요물ㅋㅋ
  • profile profile
    마지막 늦게 발견한게 하나 더 있네요 ㅡㅡ;

    https://pomelove.com/xe/free/366964

    유튜브영상이 새로고침할때는 세로가 길게 잘 나오는데 그냥 게시글 제목등 주소를 클릭해서 읽을때는 세로가 짧게 나오는 신기한 현상이 있네요 ㅡㅡ;
  • profile profile
    이것도 다른 애드온이랑 충돌이 있는 거 같아요.
    기존 애드온이 세로 사이즈를 자동 맞춤해주는 애드온이라면,
    다음 부분을 아예 삭제해보시는 것도 방법일 것 같습니다.

    $(yt_cnt.children('img#'+yt_id)).on('load', function() {
    var ratio = this.height / this.width;
    yt_frame.css({'height':yt_frame.width() * ratio});
    $(window).on('resize', function(){yt_frame.css('height', yt_frame.width() * ratio);});
    });

    그리고, 그렇게 하면 불필요한 소스가 남게 되니까
    var _yt_frame = '<img id="'+yt_id+'" src="https://i.ytimg.com/vi/'+yt_id+'/mqdefault.jpg" style="display: none;">';
    _yt_frame += '<iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/'+yt_id+yt_list+'"></iframe>';
    이 부분을

    var _yt_frame = '<iframe allowfullscreen="" frameborder="0" src="https://www.youtube.com/embed/'+yt_id+yt_list+'"></iframe>';
    으로 바꿔주시구요.
  • profile profile
    요건 세로가 오히려 약간 더 짧아지고 하니 제가 더 알아보고 어떤 것이랑 충돌인지 확인해 보고 나중에 다시 말씀드리도록 할게요.
  • profile
    그리고 모바일에서 트위터의 경우 오른쪽 끝이 조금 잘리는 현상이 있네요.
  • profile

    저희는
    .ap_parser_content {width: 99%;}

    이 값을 빼니까 트위터의 경우 원래 박스 사이즈로 나오면서 모바일에서 잘리는 현상이 없어지네요. 저희는 이게 더 좋아보입니다.

  • profile profile
    아마도 상위 요소의 overflow:hidden의 영향을 받아서인 것 같은데, 스타일 맞추기가 쉽지가 않네요ㅠ
    외부 스타일을 임베드 하다보니 직접 스타일 조정하기도 쉽지 않구요ㅠㅠ
  • ?
    주소 표시 유무 옵션을 넣으면 좋겠어요 ㅎㅎ
  • ? profile
    그쵸? 긴 주소가 나오니까 좀 그렇더라구요. 페북처럼 호스트+도메인 형태가 제일 안정적인 것 같긴 해요. 일단 그렇게 바꾸고 옵션 처리를 해봐야겠네요ㅎㅎ
  • profile
    저희 유튜브 세로가 짧은 이유를 알아낸 거 같습니다. 저흐가 가로폭을 화면에 맞게 리사이즈를 하는데 세로는 가로폭에 따라 비율로 맞추게 되어 있습니다.

    그런데 아마도... .ap_parser_content { max-width: 500px; }

    이게 작동을 해서 유튜브의 가로폭이 500으로 계산되어 이 기준에 맞는 비율로 280 정도로 세로가 고정되는 듯 합니다.

    유튜브만 ap_parser_content { max-width: 500px; } 이것을 적용안하거나 혹은 max-width : 100% 가 적용되게 할 수 있을까요?
  • profile profile
    임베드되는 외부 페이지에 대해서는 따로 옵션을 줘도 될 것 같아요.
    px 또는 % 까지 직접 입력하는 방식으로 옵션을 추가해보겠습니다.
  • profile profile
    웹지기님 안녕하사세요 포메러브 사이트는 링크 붙여 넣으실때 파싱되게 하시는건 어디서 설정 해주신 건가요? 전 사이트 링크를 붙여 넣기 하면 N (뉴마크) 가 확대되서 보이기만 하던데요 ㅠㅠ
  • profile
    저도 기능들을 활용해보고 싶은데 어디서 다운 받아야 될까요?
  • profile profile
    여기 있어요. https://xetown.com/rxe_file/686198
  • ?
    윤삼님. 미리보기쪽으로 도베인 하단의 텍스트가 딸려가는 현상입니다. 알려주신대로 js 파일 수정해도 동일하구요.

    https://romanesque.me/index.php?mid=edit_demo&document_srl=5543&rnd=5553#comment_5553

    프로알라 에디터 기준으로도 충돌이 있는거 같습니다. ㅠ.ㅠ
  • ? profile
    지난번에도 말씀 드렸듯이 에디터 문제가 아니라 애드온 문제예요.

    자료공유 게시판에서 명시한 것처럼,
    ('기약 없는 향후 업데이트 계획' 다섯 번째 항목 '링크에 이상한 문자열이 붙는 경우 수정' 참조)
    현재 문제 원인을 찾고 있는 중이에요.

    그리고 제 능력 상 원인 탐색에 시간이 한참 걸릴 것 같아서 뭐라고 딱히 말씀 드리기가 어렵네요ㅠㅠ
  • profile profile
    https://romanesque.me/edit_demo/5543#comment_5565

    제 생각입니다.
  • profile profile
    감사합니다!! 가뭄에 단비를 맞은 느낌이에요 ^^/
  • profile
    라이믹스 사이트를 운영중입니다. 근대 https://4880.net/freeboard/177154 에서와 같이 자기사이트 내부 링크는 안되네요 ? 자기사이트 내부링크를 파싱하려면 라이믹스 사이트상에 어떤 옵션을 해줘야 하나요?
  • profile profile
    서버 설정으로 메타태그 정보 수집이 막힌 것 같습니다. 저도 자세한 이유는 잘 모르겠고, 오히려 어떻게 하신 건지 궁금합니다.
  • profile profile
    여쭤보고 싶은 게 있는데요.
    홈페이지에서 페이스북으로 링크 공유는 원활히 잘 되나요?
    잘 된다면 혹시 .htaccess에서 예외 설정하거나 한 건 아닌가요?

    이게 사실 몇몇 사이트들에서 비슷한 일들이 있다 보니, 파싱 동작의 문제인지 사이트의 블락 처리가 문제인지 알고 싶어서요.
  • profile profile
    아뇨 예외 설정 한건 없는데 요 홈페이지에서 페이스북 공유는 잘됩니다.
  • profile profile
    음... 역시 파싱 동작을 근본적으로 검토해봐야겠네요ㅠ
  • ?
    멋진 기능 이네요
  • ? profile
    계속 실험 중이에요ㅎ 어쩌면 영원한 베타일 수도 있구요 ^^;;