개발자연습노트

홈피를 구현연습을 할때 이미지 데이터가 필요한데 저작권 문제로 추출이 안됨.추출하고자 하는 홈피의 소스코드를 보고 해당하는 코드를 복붙해서 정리해달라고 해야 정리가 되고, db파일에 넣을수있다. [   {     "title": "유 퀴즈 온 더 블럭",     "genre": "예능",     "url": "https://image.tving.com/ntgs/contents/CTC/caip/CAIP1500/ko/20231030/0505/P000643144.jpg/dims/resize/1024"   },   {     "title": "선재 업고 튀어",     "genre": "코미디",     "url": "https://image.tving.com/ntgs/contents/CTC/caip/CAIP1..

DOCTYPE html>html lang="ko">head>    meta charset="UTF-8">    title>로그인title>    style>        body {            font-family: Arial, sans-serif;            text-align: center;            margin-top: 50px;        }        .form-container {            display: flex;            flex-direction: column;            align-items: center;            justify-content: center;        }        #login-form { ..

박스의 가로세로 정렬뿐 아니라 반응형일 경우 알아서 정렬을 딱!!!일단 부모클래스를 플렉스로 만듭니다..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..

h1> 반가워요! ㅎㄹㅇㅎㄹㅇㅎㅎ h1>      반가워요!          ㅎㄹㅇㅎㄹㅇㅎㅎ

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..