전체 글 210

html> css . display:flex - 가로세로가운데정렬

박스의 가로세로 정렬뿐 아니라 반응형일 경우 알아서 정렬을 딱!!!일단 부모클래스를 플렉스로 만듭니다..box-wrap { display:flex;}이걸 먼저 선언해줘야 나머지 속성들을 쓸수 있어요.그 속성으론 justify-content, align-items, flex-direction, flex-wrap​하나씩 알아봅시다.가장 기본적으로 그냥 코딩한 예를 들께요.html> head> title>TEST/title> style> html, body { margin:0; height:100% } .box-wrap { display:flex; height:100%; background:#ccc } .box { width:100px; height:100px; background:yellow; border..

html 2024.08.07

로그인 연동 - 구글

1. https://console.cloud.google.com/ 들어가서 사진의 내용과 같이 입력.2. 좌측 사용자 인증정보 > + 사용자 인증정보만들기 > OAuth 클라이언트 ID 여기에 나오는 아이디 비번 메모메모!!  3. 위 검색창에 google people api 쳐서 사용하기   index.htmlDOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    title>Google Login Exampletitle>head>body>    h1>구글 로그인 예제h1>    a href="https://accounts.google.com/o/oauth2/v2/auth?scope=email%20profile&access_type=online&in..

기타 2024.08.07