# facebook

47개의 포스트
post-thumbnail

20230425 - 첫 contribute (with. meta)

react-native 0.70 버전부터 jsc에서 hermes로 바뀐 사실을 알고 있었으나, 사용하는 버전이 모두 0.69 이하여서 어떤 사이드 이펙트가 생겼는지는 정확히 인지를 못하고 있었다. > https://github.com/jhen0409/react-native-debugger/issues/573 0.71 버전으로 업그레이드 한 이후 기존에 잘 사용하던 react-native-debugger가 작동 안하는 것을 보고 이슈를 찾아보니 hermes 환경에서는 제대로 작동을 안하고 있다. 기존에 facebook에서 만든 Flipper라는 디버깅 툴이 있어 대체하라는 얘기도 있지만, 민심이 그닥 좋아보이지는 않다. 하지만 우선 디버깅 툴이 필요하니 설치해서 사용해보기로 했다. ![](https://

2023년 5월 6일
·
0개의 댓글
·

인스타그램 소셜 로그인 구현하기

⚠️ 페이스북 소셜로그인 구현이 선행되어있어야 한다. 🔗 페이스북 소셜로그인 구현하기 🔗 Meta for Developers 공식 홈페이지 ✏️ 앱 세팅 📍 제품 추가 제품 추가 → Instagram Basic Display → 페이지 하단의 새 앱 만들기 → 표시 이름 입력 클라이언트 OAuth 설정 유효한 OAuth 리다이렉션 URL 콜백 승인 취소 데이터 삭제 요청 정보 입력 후 변경내용 저장 📍 사용자 토큰 생성기 인스타그램은 개발단계에서는 실제 인스타그램 계정으로 로그인 할 수 없어서 테스트용 계정을 생성후 로그인해야한다. 좌측 매뉴 → Instagram Basic Displa

2023년 5월 3일
·
0개의 댓글
·

페이스북 소셜 로그인 구현하기

🔗 Meta for Developers 공식 홈페이지 ✏️ 앱 세팅 📍 앱 만들기 로그인 후 오른쪽 상단의 내앱 → 앱 만들기 → 소비자 → 앱 이름 추가 항목을 채우고 앱 만들기 📍 앱에 제품 추가 Facebook 로그인 설정 → 좌측 매뉴의 Facebook 로그인 → 설정 redirection url 입력 ⚠️ facebook 은 https 만 취급한다. 실제 배포환경에서는 nginx 가 https 를 담당해주기 때문에 서버는 http 를 사용하지만, 개발 환경에서는 별도로 https 로 만들어줘야 한다. 🔗 ssl 인증서 생성하기 url 입력후 저장 📍 기본설정 좌측 매뉴에 설정

2023년 5월 2일
·
0개의 댓글
·
post-thumbnail

[React] SNS 소셜로그인 (Facebook)

WebView를 통한 facebook 소셜로그인이 정책상 2021년부터 로그인을 막아놓는 바람에 다시작업 하.. 해결방법 Facebook sdk를 사용한 소셜로그인 개발 FACEBOOK SDK란? 그래서 글쓴이가 했던 순서는 다음과 같다. facebook developer 사이트 접속 로그인 후 앱 등록 facebook 로그인 플랫폼추가 공식문서에 나온 코드로 react 자바스크립트 소셜로그인 개발 이러하다. 그러면 첫번째부터 접속 후에 상단 오른쪽에 "내 앱" 클릭! ![](https://velog.velcdn.com/images/qjatn0955/post/e09deaa3-410f-444f-

2023년 4월 16일
·
0개의 댓글
·
post-thumbnail

공유 디버거

웹 작업을 하다 보면... 간혹 공유시에 보여지는 값을 미리 보기 형태로 봐야 할 경우가 있다. 예를들면, 페이스북에 공유를 하면 어떻게 뜰지, 혹은 카카오톡이나, 슬랙에 링크를 공유하면 어떻게 뜰지.. 미리 보기를 할 수가있다. 사실 이거 모르면, 그냥 쌩짜로 해야 하는데, 그러면 캐시가 갱신이 안되서 낭패라... 아무튼 결론만 올리면.. 페이스북 : https://developers.facebook.com/tools/debug/?locale=ko_KR 슬랙 : https://api.slack.com/tools/unfurl-debugger 카카오톡 : https://developers.kakao.com/tool/debugger/sharing 참고로.. 셋다 로그인 해야 테스트/볼수 있다. 아무래도 데이터를 엑세스/수정하는거라 그런듯. (계정이 없으면 못한다는 의미) 이걸로 우리 서비스 미리보기를 테스트해보면 다음과 같다. 페이스북 : ![](https://velog.ve

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

[Flutter] 네이버 로그인 - Social / Naver

네이버 로그인 카카오 로그인 구글 로그인 - Firebase 없이 GCP로 로그인하기 네이버 로그인 이슈 네이버 로그인 이슈 - Android 이번 글에서는 네이버 로그인에 대해서 구현하는 방법을 알아보도록 하겠다. 네이버 로그인은 flutter에서 간단하게 처리할 수 있는 SDK를 제공하고 있어서 빠르게 구현할 수 있다. Naver Developer 네이버 개발자 센터를 방문하여 로그인을 진행한다. 상단 탭에 Applicatio

2022년 12월 3일
·
0개의 댓글
·

[PaperReview] Training with Quantization Noise for Extreme Model Compression

Abstract 매 iteration forward 때 마다 서로 다른 가중치의 일부분에 양자화 하는 방법이다. 이렇게 할 경우 편향성 없는 gradient를 다른 가중치에 흐르게 할 수 있다. Introduction 실 생활에서 쓰이는 성능 좋은 대부분의 NN architecture는 수 많은 파라미터를 가진다. 또 효율적인 모델 구조를 가진 NN 일지라도 수백 메가바이트가 요구되므로 로봇과 가상 환경에서 사용하기 제한적이다. Quantization은 NN architecture 관점에서 이미 최적화가 잘되어 있는 모델을 압축 할 수 있다는 점이 특징이다. Scalar quantization 이 흔한 방법이며, 가중치를 FP에서 INT로 대체하는 방법이다. 이럴 경우, gradient가 null을 가진다는 문제점과 이 문제점을 해결하기 위한 방안을 사용할 때 train과 test 때의 불일치를 발생한다. QAT에서는 이러한 문제(gradient가 n

2022년 11월 25일
·
0개의 댓글
·
post-thumbnail

REST API 그리고 GraphQL

좀... 많이 깁니다. 면접에서 제일 많이 나올 수 밖에 없는 질문이라고 생각한다. >작업하신 것을 보았더니 GraphQL을 사용하셨는데 이유가 있을까요? REST API와의 차이는 무엇인가요? 무언가를 사용하는데, 모르면서 사용하는 것은 아니라고 생각을 하기에 이번에 알고 있는 것을 정리하기 위하여 적어보는 포스트다. 그리고 난 그래프큐엘이 너무좋다(....) API란 무엇인가? >Application Programming Interface의 약자로 기존에 있는 응용 프로그램을 통해서 데이터를 제공받거나 기능을 사용할 때 사용하는 인터페이스 및 규격을 말한다. 솔직히 무슨 말인지 일반인의 입장에서는 뭔 말인지 모르겠다고 생각한다. 내가 개발공부를 하기 시작하면서 계속해서 나왔던 API는 도무지 이해가 가지 않았기 때문이다. 아주 쉽게 풀어서 설명을 하면 아래와 같은 것이 API다. 홈페이지 로그인을 하기 위하여 아이디와 비밀번호를 입력

2022년 6월 18일
·
0개의 댓글
·
post-thumbnail

[IT] Facebook-parent Meta to share more details with researchers about political ad targeting

Facebook-parent Meta on Monday said it would soon offer more transparency and information to researchers about how political and social ads are targeted to users on the platform, months before the US midterm elections. Starting later this month, Meta (FB) will provide "detailed targeting information

2022년 6월 2일
·
0개의 댓글
·
post-thumbnail

[인스타그램 연동] Graph Api with Swift

나의 어플리케이션에 인스타그램 피드를 가져오자 인스타그램 연동을 위해서는 몇가지 준비물이 필요하다. Meta for Developers 의 테스트 앱 인스타그램을 연동할 어플리케이션 페이스북 아이디 인스타그램 비즈니스 계정 > 0번 테스트 앱 준비 0번의 준비가 가장 까다롭다. https://developers.facebook.com/?locale=ko_KR 에 가입한 후 , 앱을 하나 만들자 이런식으로 앱을 만들고 나면 , 테스트앱을 만들어야한다. 일반 앱에는 권한을 줄 수 없다. 테

2022년 5월 30일
·
0개의 댓글
·
post-thumbnail

[인스타그램 연동] Graph Api with Swift

나의 인스타그램 피드를 iOS 어플리케이션으로 가져오는 어마무시한 일을 해보자. > ## Any Problem? 정말 구글에 나와있는 대부분의 인스타그램 연동글을 본 것 같다. 여기에 나와있는 모든 글들은 제대로 연동을 하고 있지 않다. 대부분의 경우에서 위와 같은 테스트 사용자를 만들어서 토큰을 발급하고 피드를 받아오거나 연동하는 일을 진행했을 것

2022년 5월 25일
·
0개의 댓글
·
post-thumbnail

[IT] Harassment is a problem in VR, and it's likely to get worse

If you believe Mark Zuckerberg, the future is virtual. Last year, Meta plowed $10 billion into Facebook Reality Labs, the part of the company that develops virtual- and augmented-reality gadgets and software. The division is responsible for bringing to life the Facebook founder's vision of a world where virtual r

2022년 5월 11일
·
0개의 댓글
·

Flux Pattern

React로 프로젝트를 하다보면 Redux를 써야하는 상황이 온다. 배경 지식이 부족한 상태에서 바로 React와 Redux를 사용하다보니 나도 모르게 Flux패턴을 사용하고 있었더라? 😯 구글링을 하면서 수 많은 사이트, 블로그를 봤는데 그 들이 공통적으로 제시하고 있는 이유는 Flux패턴은 페이스북에서 고안해 냈다. facebook과 react 내가 이해한 바로는 react의 데이터 흐름과 관련이 있다. 리액트의 경우 데이터의 흐름이 단방향으로 흐르고 있다. 상위 컴포넌트(부모)는 하위 컴포넌트(자식)에게 props로 데이터를 내려준다. 그런데 하위 컴포넌트에서 데이터에 대한 어떤 변경 사항이 생겼을 때 상위 컴포넌트는 그 변경 사항을 알지 못한다.🥲 왜? 리액트의 데이터 흐름은 단방향이니까. flux를 등장케 한 버그 여러 블로그에 나오고 있는 flux의 등장 배경은 페이스북의 알림 버그였다. 메시지 알림이 떠 있어 들어가서 메시

2021년 12월 30일
·
0개의 댓글
·
post-thumbnail

Facebook 접속 장애 사건 분석 (BGP Down)

이 글은 전국 KT 네트워크 장애 사건을 이해하는데도 도움이 될 것이라고 생각됩니다. 과기부 KT 네트워크 장애 분석 보도자료 요약 인터넷은 다양한 네트워크들로 구성된 네트워크들이다. 이러한 네트워크들의 라우터는 지속적으로 route를 교환하고 업데이트한다. "설정 변경 실수"로 페이스북 네트워크는 다른 네트워크에게 BGP advertizing(경로 알리기)을 중단했다. 이제 Facebook 네트워크에 속한 모든 IP 주소를 라우팅할 수 없게 되었다. 즉 6시간 동안 페이스북 네트워크가 인터넷 세상에서 단절되어 사라졌습니다. 이 글은 위 사건에 대해 학습하는 과정에서 얻은 지식을 총 정리하는 글입니다.

2021년 10월 30일
·
0개의 댓글
·
post-thumbnail

페북, 회사명 '메타'로 바꾼다...

최근 IT 뉴스를 보다가 충격적인 소식이 들려와 빠르게 포스팅을 하게 되었다. 21년 10월 28일 페이스북 창업자이자 CEO인 마크 저커버그가 페이스북의 사명을 '메타(Meta)'로 바꾸는 의사를 전격 발표하였다. > 이제 우리에겐 파이스북이 1순위가 아니다. 메타버스가 새로운 미래가 될 것이다 by 마크 저커버그 💁🏻‍♀️ Why? 28일 페이스북은 VR·AR 관련 연례 행사인 ‘커넥트 콘퍼런스’를 열고 1시간 30분 동안 메타버스 관련 사업을 발표했다. 기존의 SNS 기업이 아닌 메타버스 기업으로 인식되기를 원하기에 이런 결정을 내린 것으로 보인다. 어제 진행된 행사에서 마크 저커버그는 메타버스의 정의와 페이스북이 출시하는 메타버스 서비스를 소개하고, 직접 메

2021년 10월 29일
·
1개의 댓글
·
post-thumbnail

Instagram 게시물 불러오기 / api 연동

참고한 자료 동영상 강의 [https://www.youtube.com/watch?v=cWj1vEuB1GI ](https://www.youtube.com/watch?v=cWj1vEuB1GI) Instagram api 내용 정리된 블로그 https://tonhnegod.tistory.com/245 자세한 내용은 동영상 강의와 블로그에 나온 자료들을 보자. 계정 준비 인스타그램과 페이스북 계정 둘 다 있어야한다. 인스타그램 계정 프로페셔널 계정으로 전환 인스타그램과 페이스북 계정 연결 페이스북 개발자 사이트 > https://developers.facebook.com/ 페이스북 계정으로 로그인한 뒤 '앱 만들기' ![](https://images.velog.io/images/soob1008/post/8bc67e2f-d2e4-4c13-9cc7-231cdf7

2021년 10월 4일
·
0개의 댓글
·
post-thumbnail

페이스북 타임라인: 비정규화의 힘

페이스북 타임라인은 규모가 아주 크다. 사진, 위치, 상태 업데이트, 비디오와 같은 당신이 하는 모든것을 통해 당신의 인생을 한 화면에 담고자 한다. 즉 그건 언제든지 신속하고 빠르게 접근할 수 있는 수 십년의 데이터를 의미한다. 빅데이터 전문가들이 있는 페이스북에서도 이건 큰 기술적인 도전이었지만, 6개월만에 완성시켰다. 페이스북의 Ryan Mack이 타임라인 구현 스토리대해 말한 기고문이 있다. 해당 기고문에서 크게 5가지만 뽑자면 다음과 같다. 1. 새로운 것을 구축하는 대신 기존 인프라를 활용해라 당신은 페이스북이 타임라인을 위해 새로운 구조를 구축했을거라고 생각할 수 있지만, 그들은 이미 구축 되 있는 인프라를 사용했다. MySQL Multifeed(가까운 친구들의 업데이트 상황을 받아 볼 수 있는 시스템) Thrift Memcached Operations 기존 인프라위에서 그들은 오직 비즈니스 로직만 집중했고, 결국 6개월

2021년 9월 20일
·
0개의 댓글
·
post-thumbnail

[AWS Devops Discovery] 01. Devops란 무엇인가?

Devops란 * * 데브옵스는 소프트웨어의 개발(development)과 운영(operation)의 합성어로, 소프트웨어 개발과 정보기술 전문가 간의 소통, 협업 및 통합을 강조하는 개발 환경이나 문화를 말한다. 또한 데브옵스는 sw 개발 조직과 운영 조직 간의 상호의존적 대응이며 조직이 sw 제품과 서비스를 빠른 시간에 개발 및 배포하는 것을 목적으로 한다. ** 개발자(dev)는 고객의 요구사항을 빠르게 수용해서 서비스를 개발하고, 개발된 내용을 빠르게 적용하고 확인하길 원하며, 운영자(ops)는 제공될 서비스가 정확하게 동작하며, 테스트되었고, 성능적인 문제가 없으며, 다른 시스템에 영향을 주지 않고, 안정적으로 동작하기를 원한다. IT 서비스에 대해 프로세스, 도구의 차이, 그리고 서로 다른 목적 등으로 인해 개발팀과 운영팀 간에 충돌이 빈번하게 발생하게 되고, 이러한 고민에서 데브옵스(Devops)라는 개념이 출현하게

2021년 7월 10일
·
0개의 댓글
·
post-thumbnail

OAuth용 로그인 앱 만들기

OAuth를 활용하기 위해서는 각 제공자 development 사이트에서 로그인용 앱을 만들어야한다. 백엔드에서는 이 로그인용 앱에 허용된 토큰과 함께 요청을 보내면 제공자가 가지고있는 사용자의 정보를 동의하에 전달받을 수 있다. >아래 본문에는 github, kakao, google, facebook의 로그인용 앱을 만드는 것만 설명되어 있다. 실제 이 로그인 앱을 이용해서 백엔드에서 실제 로그인을 사용하는 로직은 아래 링크를 참조하면 된다. 🐅 passport를 이용한 github, kakao, google, facebook 로그인하기 로직 소스 🦉 passport를 활용한 로그인 방법 설명 [🐖 테스트 배포용 앱](https://lo

2021년 7월 8일
·
0개의 댓글
·
post-thumbnail

Detectron2 사용후기

안그래도 최근 Mask R-CNN에 관해서 논문을 읽어보고 관련하여 PPT로 만들며 자료제작중이였는데, Detectron2에 관해서도 접하게 되어 '오? 이건 뭐지?' 라는 생각으로 자료를 미친듯이 긁어모아보며 돌려보게 되었다. ![](https://images.velog.io/images/junyoung9696/post/a79a44ca-74da-46b4-8869-ae37154ef7d2/%EC%8A%A4%ED%81%AC%EB

2021년 5월 24일
·
0개의 댓글
·