착실한도요291
- 생활꿀팁생활Q. 인스타그램 로그인 기능 구현은 어떻게 하나요?안녕하세요. 현재 홈페이지에 SNS 로그인을 넣고 싶어 카카오톡, 페이스북, 인스타그램 이렇게 3개를 넣으려고 합니다.카카오톡, 페이스북까지는 게시글도 많아 금방 처리했는데 인스타는 검색해보니 대부분 피드를 가져오는 내용이고로그인 관련 내용이 찾기 어려웠습니다. 페이스북 홈페이지를 보면서 토큰도 발급 받고 토큰으로제 계정정보 받아오는거 까지 성공했는데 보통 로그인을 하면 카카오톡이랑 페이스북은 개인정보동의 창이 먼저 뜨고동의를 하면 로그인 창이 뜨고 로그인에 성공하면 관련 함수를 실행시키는 방식으로 했는데 인스타그램은 위에 과정을찾다가 해결하지 못해 글을 올리게 되었습니다.
- 생활꿀팁생활Q. 페이스북 댓글 플러그인으로 등록한 댓글을 관리자에서 관리하고 싶어요.안녕하세요 . 페이스북 문서를 보며 홈페이지에 댓글 플러그인을 적용 시켰는데 궁금한점이 생겨서 글 올립니다!1 . 페이스북 댓글 플러그인 관련 문서쪽에 웹훅 관련 설명에 따라 진행 했는데 이거 설정을 하면 홈페이지에서 댓글 입력시 제가 설정한 주소쪽으로 응답이 오는건가요? 앱 대시보드에서 제품추가하고 웹훅 주소 설정하니까 밑에 plugin_comment 등 여러가지 버튼들이 생성되서 Test 버튼을 누르니까 제가 설정한곳으로 응답이 왔는데 홈페이지에 있는 댓글창에서 입력하니까 아무 반응이 없어요 ㅠㅠ 대시보드에 설정->기본설정쪽에 인증부분이 있던데 인증을 완료해야 되는걸까요2 . 홈페이지에서 댓글을 등록하면 등록한 댓글을 DB에 저장하고 관리자 페이지에서 댓글을 관리하도록 하고 싶은데 1번에서 설명한데로 웹훅 응답이 안와서 script에서 subcribe(comment.create)를 사용해서 댓글 등록 or 삭제시 DB에 반영시키는 방법으로 했습니다. 근데 등록은 comment.create , 삭제는 comment.delete인데 댓글 수정은 따로 없는 건가요?3 . 관리자페이지에서 사용자가 등록한 댓글을 삭제하고 싶어서 관리자에서 댓글을 삭제하면 홈페이지의 댓글 플러그인에서도 댓글을 지워주고 싶은데 가능한가요?
- 생활꿀팁생활Q. 아이폰에서 Swiper가 요소 제일앞으로 나옵니다.현재 사이트에 Swiper Slider lib를 사용하여 슬라이드를 사용하고 있습니다 . 크롬 Web이랑 안드로이드폰에서는 문제가 전혀 없는데 아이폰에서만 작은 문제가 있어 글을 올리게 되었습니다.현재 사이트에 Sidemenu bar가 display none으로 숨겨져 있다가 menu 버튼을 클릭하면 block으로 바뀌는이벤트가 달려 있습니다. 문제는 아이폰에서 새로고침후 menu를 바로 누르면 menu의 z-index를 높게 설정했는데Swiper 이미지가 Sidemenu 위에 보입니다. 하지만 1 ~ 2초후 슬라이드가 이동하면서 다시 Sidemenu 밑으로 내려가네요 . 왜 아이폰에서만 이런 문제가 발생하는지 궁금하며 해결 방법이 있으시면알려주시면 감사하겠습니다 ! ( 새로고침후 메뉴 버튼을 바로 눌렀을때만 해당 현상이 발생합니다 )
- 생활꿀팁생활Q. Explorer 10 ~ 11 에서 페이지 처음 접근시 FadeIn이 됩니다.안녕하세요. 메뉴 아이콘을 누르면 메뉴 div의 display를 block으로 바꾸고 background color를 white 로변경시켜주는 Event를 설정했습니다. 하지만 크롬이랑 Explorer 9 에서는 평범하게 동작하는데Explorer 10 ~ 11 에서는 메뉴 아이콘을 누르면 div가 서서히 나타납니다. 또 이상하게 페이지에 접근하고메뉴 아이콘을 처음 클릭하면 FadeIn이 적용된것 처럼 나타나다가 두번째 클릭부터는 크롬이랑 동일하게 정상적으로 작동합니다. 코드에 문제가 있는지 Explorer에 문제가 있는지 궁금합니다 !
- 생활꿀팁생활Q. 웹페이지 smooth scroll안녕하세요. 웹페이지 개발중인 초보 개발자입니다.보통 사이트에서 scroll을 내리면 딱딱한 느낌이 나는데 특정 사이트에서는 scroll시 엄청 부드럽게 내려가는데이번에 업체에서 이 기능을 원하셔서 하루종일 찾아봤습니다. 특정 영역안에서는 구현을 성공했는데window , document , body에만 기능을 적용시키려고 하니까 preventdefalt 관련 error가 뜨면서 동작 자체가 안합니다.참고 사이트를 여기에 적어도 될지 몰라서 주소는 안올렸는데 필요하시면 참고 사이트도 올리도록 하겠습니다!
- 생활꿀팁생활Q. js $(window).scrollTop() , offset().top?안녕하세요 . 현재 홈페이지를 만들고 있는데 이해가 안되는 부분이 있어서 글 올립니다.현재 js 이벤트로 scroll에 따라 해당 section의 offset().top보다 window scrollTop()이 커지면이벤트를 실행시키는 코드를 짜고 테스트까지 잘되는데 여러번 테스트하다가 문제를 발견했습니다.어떨때는 알맞게 동작을 잘하지만 또 어떨때는 해당 section에 들어가기전에 event가 실행됩니다.각 section들에 이미지들이 들어가는데 이미지 로딩이 늦게 되면 offset().top 값이 제대로 안잡히는 건가요?그냥 아예 안되는거면 차라리 다른 방법을 알아볼텐데 됬다가 안됬다가 이러니까 안되는 이유 자체가 궁금해져서혼자 알아보다가 이유를 찾지 못하여 글 올리게 되었습니다 ㅠㅠ현재는 html에 img를 넣어둔 상태지만 나중에는 db에서 이미지 src를 들고와서 이미지를 넣는 방식을 하려고 하는데위 방식대로 개발하면 문제 될 만한게 있을까요?
- 생활꿀팁생활Q. 쇼핑몰의 장바구니에 상품 정보를 담을때?안녕하세요! 쇼핑몰의 장바구니 관련 기능을 구현하다가 궁금한게 생겨서 질문 드립니다.비회원 상태에서 상품을 장바구니에 등록하면 상품 정보를 쿠키로 저장하는데 상품에 옵션이 여러개 들어가니까쿠키 SIZE가 200byte 입니다. 인터넷을 찾아보니 브라우저당 쿠키가 4kbyte까지 된다고 하는데 제가 하는 방식으로하면 한 사람당 장바구니에 상품을 17~ 18개 밖에 못담을거 같아요.그래서 다른 쇼핑몰을 찾아보면서 어떤식인지 볼려고 했는데 봐도 못알아봐서 이렇게 질문 올리게 되었습니다.쿠키에는 객체로 key : value 형식으로 7개의 data가 하나의 객체로 만들고 있는데 다른 좋은 방법이 궁금합니다 ㅠㅠ인터넷을 찾아보니 localStorage는 5mb까지 저장된다고 하는데 초보 개발자라 써도 되는지 몰라서 하루동안방법만 찾고 있네요.제가 생각한 방법으로는 쿠키로 관리, 세션으로 관리랑 비회원용 DB를 만들어 접속한 브라우저 ip 같은걸 체크해서비회원 유저의 key값을 만들어서 DB에서 조회해오는 방법 3가지 생각중인데 쇼핑몰을 처음 해봐서 뭐가 좋은 방법인지 모르겠고 맞는 방법인지도 모르겠네요...유튜브로 독학할때 보통 장바구니는 쿠키로 관리한다고 해서 일단 쿠키로 구현은 다했는데 테스트한다고 장바구니에 10개정도 넣으니까 사이즈 초과로 bad request 떠서 하루종일 쿠키 관련 검색만하다가아무것도 못했습니다. 방법 좀 알려주세요 ㅠㅠ
- 생활꿀팁생활Q. HTML chrome anchor와 ie anchor?anchor를 이용하여 menu를 클릭하면 해당 id를 가진 section으로 이동하는 기능을 만들었는데chrome에서는 제대로 잘 동작하지만 ie에서는 특이한 현상이 발생하고 있어서 질문 올립니다.ie는 해당 페이지 내에서의 이동은 제대로 동작하지만 다른 페이지에서 넘어오면 anchor 동작이 제대로 되지 않습니다.다른 페이지에서 넘어오면 화면상으로 보면 #값에 맞는 id를 가진 section을 찾아갔다가 위로 올라가는거 처럼 보이는데ie 에서는 anchor를 안쓰는게 좋을까요?
- 생활꿀팁생활Q. chrome에서는 TTFB가 낮은데 익스플로어에서만 높은 이유?안녕하세요. 얼마전에 이미지 로딩 관련해서 질문 올렸는데 아직 해결을 못하고 있어 다시 질문 올립니다 ㅠ메인 페이지에 배너 이미지를 백그라운드 이미지를 넣고 있는데 CSS로 바로 넣는게 아니라ajax로 DB에서 이미지 이름을 가져와서 백그라운드 이미지 url을 설정해주는 방식입니다.제가 만든 홈페이지중에 이러한 기능이 들어간 홈페이지가 많은데 유독 이번 홈페이지만 이미지가 늦게 나옵니다.개발자 도구 네트워크에 들어가보니 메인 페이지 외에도 ajax로 서버랑 통신하는 js가 있는 모든 페이지에TTFB가 500ms 이상 나오는걸 확인했습니다.익스플로어 개발자 도구로 확인했는데 다른 홈페이지들은 TTFB는 20ms 밖에 안나오고 보내는중이 500ms 정도 나오는데이번 홈페이지만 보내는중은 100ms 이하고 TTFB가 500ms가 나오고 있습니다. 카페24를 이용중인데 index.php 파일들 TTFB만 높게 나와요.또 특이한게 chrome에서는 문제 없고 익스폴로어에서만 느린 이유가 궁금합니다.데이터를 서버에서 가져와서 하는 작업이면 다른 HTML 태그보다 늦게 보여지는데이미지 같은거는 깜빡거리는거 처럼 보인다고 고쳐달라는 곳도 있는데 이런건 어떻게 해결 해야 하나요이게 다른곳도 다 이러면 전체적으로 잘못됬다고 생각될텐데 지금 하는 페이지만 이런 문제가 생기는데다른곳과의 차이점이 없어보여 못찾겠습니다. 서버에서 가져오는 sql문도 select xxx from table이 끝입니다.배너이미지를 swiper를 사용하고 js에서 document.createElement로 div들을 만들어서 넣어주는데 TTFB가 높은 이유가 궁급하니다.
- 생활꿀팁생활Q. SESSON과 seesionstorage의 차이점?안녕하세요. 개발을 하다가 궁금한 점이 생겨 글 올립니다!저는 PHP로 개발중인데 지금까지 PHP의 session을 사용해왔는데얼마전에 sessionstorage와 localstorage에 대해 알게 되었습니다.알아보니까 local은 cookie랑 비슷한거 같고 sessionstorage는 session이랑 비슷한거 같은데차이점이 있나요? PHP SESSION으로 안되고 sessionstorage를 쓰면 해결되는 문제가 있는데사용해도 되는지 궁금해서 질문 올립니다!