커뮤니티
포인트
쿠폰
내 강의실
국비 신청 내역
증명서
계정
로그아웃
학습 질문
개발 일지
나의 활동
답변 완료
팬명록이 카드가 안붙어요
undefined주차
김*중
댓글
34
・
추천
0
・
조회수
25
조회수
25
답변 완료
* 겪고 있는 문제 상황을 최대한 자세하게 5주작성해주세요.
* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.
5주차 끝나고 숙제하기 전에 팬명록이 제대로 안붙어요. 지금껏 보고 있는데,,모르겠네요. 그리고 임영웅맨명록 배경 이미지를 바꾸고 싶은데 어떻게 하면 되나요. image url이 너무 길어서요..
작성한 코드 및 에러 메세지
오류 발생 시, 작성한 코드 전체<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta property="og:title" content="임영웅 팬명록" />
<meta property="og:description" content="처음올립니다. 응원 바랍니다." />
<meta property="og:image" content="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBYWFRgWFhYYGBgYGhgcGRoaHBgYGBgYGBgaGhgYGBgcIS4lHB4rIRgYJjgmKy8xNTU2GiQ7QDszPy40NTEBDAwMEA8QHxISHzQkJSs0NDQ0NDQ0NDQ0NDQ0NDY0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NDQ0NP/AABEIAKgBLAMBIgACEQEDEQH/xAAcAAABBQEBAQAAAAAAAAAAAAAFAQIDBAYABwj/xABFEAACAQMCAgUHCQYFAwUAAAABAgADBBESIQUxIkFRYZEGE1JxgbHRBxQyQnOSobKzIzRicsHwFSRTdIJU0vEzRGOi4f/EABoBAAMBAQEBAAAAAAAAAAAAAAIDBAEABQb/xAAoEQADAAICAgIBBQADAQAAAAAAAQIDERIhBDFBUSITMmFxgRRCoQX/2gAMAwEAAhEDEQA/AMlZIvm02H0E6h6IlhaAPUPASOyH7NP5E/KJZRt57cwuK2iR12c1ljfQPASW1tQfqDwEN8OdGwGmot7emgBVRCpTGutmbbM7wrgKuMlB7VENN5KUmTGhQe3AhU3ISmzBeXUMdZx3e8SiOOv5lnCBirKuykA5QM2xPMbjnuQOWciPJ5DVaS0apbAHFPJHQupVB9gmdfhrDfRt/LPQrbj7O6oVXpE9RBKh9OcZ226Xqg6/4kwdkFMY6WRpCkaeX0mAIO++3V2zY8la/KTuD30zFLaA/VHgI6vw0pglRv3CbzhfD1q09ZUKwLAgYxkbbEE++VbnhRZsEHulEvFXoGnSMOLYeiPAR1O1UnGkeAmj4pwV0xgZ9UGJaODkoQPVGrHLW1pmcn8lCvw/T9UeAldqQH1R4CarZ8L1yvxPhelM4mViXoxWZvQOweAnaF9EeAj2SIViHHEYmN0L2DwE7QvYPARcR6qZqnfwdsZ5tfRHgJwQeiPASwlImPNviMUfwC2QCmvojwEcKS+iPASUUznEkNLAh8P4B2MpIo+qvgIcs69NVy6Jgfwr8IFVYL4pcMW0g4VezrM26mZ7R0y2+izxXiAdjhVVc7ABR44g8VV9FT2bCVcxrvIKrZQloleoWOAB7BHIMDllj28gB3SMMQMiIh3gnD7qsMAY37dgPYIT4FeoqsHVTyxkDPP4QDXB1GKjYhRfF7OqeS0bmjxiiCG0qO4IhPr6YxNJwrjVBwv/AKLkjdWpojZ9YGPwnlC3ZlilW0kMOX4ibVTf7kCp16PcrdrdxkU6fqKJkfhKlzWt0bJSn9xPhMDwriznCKTlsADrJJ5ePvhQtUYFV0uSyrkbhWySdWRywvPlDnx41y2A6pdGltOLWzNg06Y/4J8IbWjQIyKdP7ifCebNbOz9ABeXRzlk1KXGrA3JAblnqHPaFLK/rbJkfR1DfG2vR18t5l+LjruXo6ctT0zbfN6H+nT+4nwnh3ytOhvugqqopIMAADOp+qbi74q6bHIJHLrG5G/tBnmXlrVL3AJ56F97RWTxOM72MjLyejS2ND9jTOOaJ+QSZbfPITQ8F4Tqt6DdtKkfFFMKLwdQMgbz0Zz41KJWq2zIrbsFbtwfdPU7/g9v5moadGkX0OV0qhJbSSoUHbJOIBTho6xCSuFHPEh8zJz48N/I/B1vkCX4VV6Omkq7gH9krAgIoI3UHpFjhmCgaDucwh5OcMBNUV6KhQV0a1UA7vnGwyeWcdHljrgtqVQtUPnBvTqoo1Pzd6jozdDK4DgbE4wee0grcLquQwdAA7tpyxChtGFU6AfqnfuGBzkLnJ87KOU/aIfLaxqsXpW9s+V0NTqW6lQcnpI7KRuBt1jkefLI2HAr7WDXt710wchC2rONubDbPfN3c2FY3NSqDSamQ2hGaqMMUIBYBSuNTMeR6oy9pkU6aJUQMrOWFTzpADABdDogYkbnfAyeRwMU482SZ4qdgNS3vZnzwKpghbe+TCnG9fBbUccmPUB1AYI684zh4LxPrp3X3n/7p6OabbhLgAMGXUDVD4Lo5fJQ9MqhQjsA33wD1lxFEpojsHKIqsxV8sVUAtuM74zDjyMs/wDXf9mNS/kg4EhFtQWoDrFKkH1btr0Lq1E9ec5hD5ujfVHhM3dcSBqOy5VMjSMEdQzt68wxwq6DLuYOTHann9i1SdaJn4VS1atAzK99w5ChBEJ641wCIqclpp7CaWujyjjvDtByORgib7ytthowO2YatR0nE9PfOFQlPT0dSp5lnzWIyicCWLZcneNxx0dVDqa48JyUsnMnNHqUajCNjwF20scgGOpxC/J6F9v0CnpHPKNensczbvwhFUbbzM8attJ5Ee6LjNGR6QXFr2Zy+udC7fSPLuECO5POP4jUOsg9RxKxqSDNW60UQtIdpisgiqpxmN3k+xmiRQNhLlbh2FRxnD4HqzKVOgxI2O/umxsLbXQpqRupB8D8IrJfHTQ3HG9pgOw4H55mTOGUeODg+Bx4iUOK8HeicMNu2bqwsCtyHUbEsD3qUG/iohPjVmrIcjqiKz0mn8D1hTWjx7Enp8jLfErUI23LMpu0smuS2SVLl6ZesLoh10nBBGCOog7Gar5+4O2kYYPsoA1DOCfEzHcKH7VP5h+M27cNdRk7T0PHlVPZLlbVFU3b7Zwcac5UdLSCF1HrwDtFbiVQ5yRk5ydIyQWLFc9mTnE6smJUMa4S+AVWyS4umfBY5IAUHuHLPbMb5Tt+2H8g95mrImU8pf8A1h/KPeZL5P7NfyMxfuPevJxP8na/7eh+kkvrQOcyr5Ofudr/ALeh+kkku7rR1iRRyrpHV0xtypXnKNescSKrf55yPnvK5xtL8gNkee0y1aPsZWan1x1F8DaNa2jC/RfqMp8Vo4AK7ySiSZPWTIxzil+NbN10UeHhjjIhqnQUjBEGUnKbYhKjc5GSOUHK23tGz0V6vDNZwQAO2KLEoRg7CWDfZ5CWEfUN4p3aXfo3SEpXGdpYkDU1U5imusU1v0an9gTylojRkTBcRVQwwc9s3XH7gaDMG6DJJnreLLePTFV+4vcL4aajBe2aGp5P6F2GSZZ8k7ZdGsbmGal0QeUVlz1N8Z9IZxWtsGcF4NpwzDfsh7SBsBG29cEbxWMiyXV1ugkkl0MqQTxSxDjHrhN0OYmROinL2gX2eHcdo6Lh17D+BAMi4fYPVbCqTvv2e2aL5Q7LRchxyemD7VJB/pDPkVYYog43ck/0H4CDnyaTopwzyaRVXyd6ARE1OebHkO5R/WC38l6oO4HiJteItWp700BbqLHCL3nrmZavf68l6ZXJ2GjGPVz598ji6fyv9LKifoisOHsjjWJqQdKbKNh2Srw1nqOhdNJ31DY4x7xDl7Q6BxE5Mjb7GzCXoy78cqo2yBh/fXJqvHg6nKMu3I98gueJikSAjuw3IVSdu88otp5SU3BSpSZMnALr0c9mSNoeuU70C+n7MjxulvqGcY29ZJ+ECYnqb8LRkZdPRbq7PVPN+K2vm6rp1KdvUdxK8FpriS5pe+RLwG3L16aDGWdQM7Dn2z1u7tiw0jnPNfIq0apeUVBI6WskYyFQajz7wB7Z7ctquc4lby/ppETnlTMjU8m9SE/WgNuAVM/RxPUfNCMeiJ0+dS99mvCjy244FUUZxmYDyuola4BGDoX3tPoqtQ7BPEPlcp6b5RjH7FPzPAzeRzn18hY50z13yfP+Stcf9PQ/SSUOKITmT8CuQtnbb/8At6H6SSrf3oPXtD8aa2mkLvT2CEcjYyxQrHIErNXBbYbSZ0wM8p6TX2JTCL1wJGKmRgYzAD3RzD1nwaroFTbcZ09eIq4mFunoKW69IkplxCaOcCC6BLCXbVMYk+RfYaJ1TJ3kjLgS7SojGZ1SlkY5SV2thaK9vTB6pep04y2ttAwJbVYq776GTGyCvSyIIubdgMw+RImTM6Mjk2sZir+m7IcCZSsh1HaesPbAjGJRfglMgjQMmehh8yZWmhFYnvYA8lqmF0L1w7Vt2HPrncK4QKROIWannnJ82aXbc+gph67KNBCBvEaoQRLwSM80D1RPNN7ZvFkJqSFz2Se4pdHYQO7t2GHCVdo70Yb5Q6havTHUKZx7XOfcPGa7ydQKiAdSqPwED8QtHrpU1brnoDG6tg4IPVsB4wnwV8IueeBn14kmfIqXXwejixPG+zQVqPbvKptE9BfASY3ecSvc1ieUh099Fa9dkqUlHLGYlc7Yma4jxW6RwEpDQNic4c94MrVPKWsrqHo1ChPSbBAUdu8L9Kn2Y6SNE/DkY7jHeCVPiI7/AAdCMNqYHqYkiMsrwOAfqtyMLUWXmTymPkjetA+raBBpAxieaeWdEC4z2op94/pPSrmvkkzCcesmr3QQFVVVTW7HAUMx/HflLfGTbTZHnfWjWfJv5PCjRFw4/aVlyvalM7qP+WzH2dk28amMDHLAx6sbRWjLp1WyVLSOzGlxEMqVmwZkzsGqLReeGfLL+/r9hT/NUntCMT1zxX5Yv35fsE/NUm1OjYe2b/htYC0t/sKP6awNd1ssd9pJYVgbegM4xSpD/wCiyrcp7Z7viwplbIclbYtKrgwqKmpMTPqYe4OoY4MblSS5fRk/QPubVs7CbLhfEX8wFIy2MD1RGtUK4A3knDLTTuZBnzTknVL0OiXL6GWdmeZEvJQxyEtHunKDIqyNh6JEXAj0XMVVkqiIpjpnZwWOnZiZgDktCmM1TiZGWmpA09Eoi4kSPH6pxyaYumdiLmdON6G6Y3zcknTNncUROkoXdIY74TaVq9rq68RkVpi7n6MhdUjhKe+nUS+nI1YO6nHcBEs+Z9cP3XD2Q60BbtA+l68dfvgGuGSp0kZNQ1DPWOWe7ccuckqWm9ej0ZyKpT+S9naUqvF6SZDsBjx9gkqVMnEr3PB6THXoUt2kA++BOt9hsmtLtaoLKAFBwCSMk8zsOQAI8RL3mCN+hkev8w+EC60pqHqtoRAxOnGSVbAVF5ZP9YfsatN6WpNL6gGUkPpwcHGsc/Xj2SxKJRFTu6evgoVqy525g7g9vcesf3tENY4585NxS0yGKZbGk45sN+kMdY3g6k2ZPcS6XH0yjFVcXy+CyDmBq1FH88B9MEZGMcsYYHrGMQ0E0pnrPL+kq8J4Zqrs2okvgHY7DYsd9hsNt5RkTSUroXjaduvo1vBUIoUg3MIo/CXSI5UAGByGwiGZsnvttjMRlRMyQxjGEmKaKzpieK/LF+/L9hT/ADVJ7gxnh/yxA/Plz/oU/wA1SbT2dHsO8NU+Yo/Z0/yrHkS3wen/AJej30qf5Fjq1PbAnv4rXFENz2wetsSdoQs0ZSI21pktiGRbdk7Lk10bMt9l20bODDdNRiZ+2BUw9bPkTys6+UUSOCb7SZFi4i4krexinQ9RJIxDHZi2On0LEMXMQzghjGV3eWGlWuueUORNkYr4MmR8we9Ajvj6dXSMERzlNdClTRe17yYPAr3O+RL9F8jJg1j0gpt7L2qJmV9cejZinI5XslMURgjphqY6A/KyjmiH60YYPc2xHu8IcEHeUCZt3HcD4MDMb0HPtGPtLgbZhhWXHOZcnBnPfsu0TWNPuWWJv0w7XqlsIlutQA51FVIBPazbL1QrbVOWqoFbsUbDuyTv4CYq641UFMhGwFViB1Z5mWLDyvtSqB6ao4UA6gCCes6sdLftm1jtzsHnCfH5Nu10BzfV36R8ZHUtVqbnGrqOACR1QRTe3PTQFdXoOdP3DlR7AIUoVdh4iJmnD2a5TQttwhXRhUDDfo4JBBH1gev3QnaWaUx0c56yeZjLa6B2OxlrMs/U59kjlwtC5jGMXMaZyF0xIhnGJCFMUCeG/LP+/r9hT/PUnuQnhvyz/v6/YU/z1ILDg1nCji2ofY0vyLEuXPVL/DLDNrbN20KP6ayCvbc8z3MFy5RHae2JY1gu55w9asGHKZcHliH7B9hO8ietnRXwEHpgR9pVwY3OZ1EDMhfrsYGKbR5lSk/ZLaHMkpaY2XvoaoMkGYoEcIDY2UNzFBnERJwQsiYRzNI2aakBTQwypcMu+ZLVqYEEXtUZ2O0pxw6YimTImo90JLsMTPrdAcjC1jWBByd4zLFJbMTReUbRqvicWEYiSbX2FsnV5IGkQXE5XmNb9BqmizmU+KnNJx/A3ulnXIrhNSMO0EeIi9DOX0YGvQyJTehtC6DYSNkkarR6QHRBpqKRu1NwO44J28Jn/J61tnqlLpwlMq/T1BNL7aTk5HbsQRNVc0sdLGcb47cdUyPBaVDDfOSBqUaGOskH1IeWD1gjael41coaIfKnVqi3wS5NGsUR9dLLBd8jCn6S+yei2lxqAI5dU89qWNGnWpPb1NauXDrqB0gLkEnAI2J5j6vXNbwhugMdUm8mNPY7BW5NE9wAN9mHu7IQ4Vcl1bPUcD1YEzZc7f3tDfADs47wfeP6ReFaezcz2tBfETEdOjyRoYRGkSSJidsHQwTw75Zv39fsKf56k9znhnyzfv6/YU/z1JzOk9V4Ag+ZWuf+nofpJBPGhpO0vcFuP8nagdVvQ/SSU76kWPbPQ8VaabJsnfoBJU3h3h3KDVtSGyRCVqol2ak56E4099hNRFBjNYAkSuSZDx2PCds0voYHSpiXre4zEZIfsKXoICOkStHqZM0UTQ6NaLmMczka2RsZWrVcCWGlO5p5EbCWyemwbc3ECXdycy/eKQMwBcPmet48L2Iuvgd86IMIWfEcbHkYCZoitKaxzS0xcto3VC9DDn1S3QuwNjMKt0RLVvxRhzkd+J9Dlf2bZrodUpVb7B2mc/xfqjHuznbO8XPitezXezWW15nEt3NxpR2HMI7D/iszdha1TuegP4uf3Rv44hi2ALhCchlZSe3KknaQ+Twl6l7ZZ4+G6/KlpLszHC7oVKSOPrKD6jjcSSqsC8DJos1FvqOyHuZCVz+E0bptPLpao9KfQGdcmZPjfDHDl0RmVsbKCxU8iMDfE3apvICmDgAkk4AG5JPIARuPLU10LuFS0wB5JcHYaqlRSuQAitse8lTy6hv3zScLXBcfxN7zCF1wd6VEOTls9MDkmcYAPX2E9plOielntjMlVTexcSpn8S64hHhVbQxzyI90pKuY5DiLxVraCqVWtmnDjtEXMB29Rc5IziE6V1kbco+a5IDJ47l9FrEQysbqKLoHnN2hbw1olJnhnyy/v6/YU/z1J7gDnlPDflkP+fX7Cn+apN+BHGk+z0zydtybW2P/AMFH9NZcenp5zvJ5gLO1/wBvQ/SSddPmWY6bEUgfc1hKIc52Ms103lYIBLoSSEVvY83Rj6d1jG8H16mJVNSOWJUgeejQm9HbvLNvdjaZUVD2yZbzHrgV4yaCWQ39CuCOcsK4mKtOLbbwxbXuRsZ5+TxaljpyJh7zkaXg+jc5k5qdkncNB82Ts8rVKgI5giYq+8oaoRwzDIWiDuipqrq5OroM2hdPrO/KRWV0yW9Uow6KUHBX6JJtaDsVyPrEsckfWzjM2NN6CctLbD3EAMGZ6vS646pcvr6RKp5xlUs6vrQOUUgADIYAbgECR8RdCcgtywCqM+lldSdl7VDqfZ2S/DnUTsTWJt6KxSNYbRRVY80cLsFZkdAWOeiNWR1du/ZIa7dxP0/quyh9DaNYQaiuvRkDwIyDW888OafQucdctMXMs2to9T6CkjrY7IPWx2k3CremVd3G4QAAK6UzVJfBCuoxkFBg4UtnAOYle5qYRXLEecoYwlYUijLq51G0vl2o7KBjDDcSHJ/9Fa1K7K48Ve6YVtPJ3kaj5/hTl99v+32w3b0aaYCKqnt5sf8AkdzMw1+6oEDlFTzih1+ixVHdMedCAkaAuM6cPs2eVKjcozgCqHZUt9Oaiu2o1bUuQgDYPTqZ01GA1MMY5ebk8jLk9voumMWNrU9m4Z5HYVB55Dn6xHiCJluM3VVXqPrZAnmwFVdYIeppQg+fRdTZOda4whwdt47Go6rlNKOUpnZlKqWuqyZLId8KFBIOcLjORJtPplP6i2518Mu+U1nou3bkKgVxy5kaWHipPtli1qalwYHuazvVorV1kguCWpvoYnZQBVqFlXBOWAIPYDiF+HWrhUUjpMqY79QGDn2zMkisV7WiUUyTpUEk9Q3MO8D4OqE1GIZzywQQg6xn0u0/2XPZ6E0qOf0mOOkez1d0q2dwysCvtHURH48Wlv5Aum10aJ0DAqwyCCCO0HmJieMWXmXwCSuxU9eOw94m2RwwBHIzLcfomtcLS16C3RU4J+iCzEDrwPVBpPa0DhW203pa2RWGWIA3J6hClaglPBbpOeS/VUdp7ZZSjTtafR3bHM/Sc957O4QBUrlmLE5Jiaal6Xsow43k7fpf+k9/V82PODZds9zE4Ax3n8ZPa3baSzjBJ2HIgd+OuNt6vUfCV70FSCPonkezuM7k0toq4p/i1/pZF1k8pIKspUWyJNmCrZlQvRaFwRynjvyuHN6pzn9gn5nnqwbf1TyX5UWzeL9in5njItvonz40ls9Z8n3HzO2+wo/ppIbu6xIOC3I+aW47KFH9NYM4ncHO093x8XJ9ngZK0TVbwdsp1b2D2qZkbvPRWOZJ+VMlqVt5Ea0gd40tOdaNUlkVzF15lPVF1zFYXEIU3xCtndEDnM8lWXaNTabWqWmZprs01C9loX47ZmUq7c48VtoisEsLmwg9JN8PUAP1Q7AY5gADsz4bcoHsqb46GVULSTScpkpb0qZOcE4BRh3+Bls1THNWAEV/xZ3tdf0Es1MqJb409BAVBAOqsDguznOHHW7Su9LAILNuBkrqIDioj50BgQCutSR2jOZaepOtBqqIp62HgNz+EKvGxzDDjJVUkW+FcEVnzURlUAMOjpJJzt0iSNsb464S4hY40+YTQekCVYrjWjJrYZ6RGrVvkkoo5crvnN/WD7//ANji0+fvybvrfR70eLEr0BuG2qkkuhYpoRS4YkaFxtq579cqcQ4agqhxSTGoHPm1clRp6CHB0PkOc9HOpemNM0DGRM0Rze9j1glzoGi1YUQm2dGnDdMZwcZzzIzzgrQ6khdRX9mdD/OGbUjI5A6GgNqQrqzjB57maN6nZ4xiwVbWxleOqS31oqVuFh9RLtli5GQpC6xpcacdLK9HfJwAByEj4bR0swZTpVdB1DZsV679ezDS6Hs3hRY2vyM3mznhne0BavC0Su6JTUBWqBgLdHLhmZkOsrk4DLuGBGJsbYM9Ki7IVdAmoc9hjUM9ZGPfLNnbBirkDUVXURzzoAPr3AlxaJTZRkZ8Jbxk8hviyyyg9/ZBfEFCEYGNXvzCaZxv+EG8Tpszpt0V6+8/+Ji96Ml9jOH3GhtDNsx6P82M49oH4Sit3TNbzmSSmodRAONJHaNjy3g3irjzwQsAUAOP4j/USuW6hsP73MnyZWn0elh8NVKpv2EL68Ltk+wdkq5kQaOzJdl041C0ianUxLoYOpVuRGP/ABBgMnpPCmtA1G+0WKNHQNPZ+PfG1quJLq1LtuR7oJrVssqjtyf6f33QmDEuq7LxfAxPKflK/ex9kn5nnp7VBPL/AJR2Buhj/ST8zTcT3QnyZaj/AE2vB75Pm9EF1GKVMY1DqVe+JUuEOcuv3hOnT6jHbSWj5S57Br1U9JfESB6y+kviJ06PrLQMyiI1l9JfERvnV9JfERZ0TVsapQ01V9IeIiedX0h4idOg82FxQ9Kq+kviJYSuvpL4idOjJtncUWBdJ6S+Iki3SY+mviJ06GstAOEPFwvpr94Tmrp6a/eHxnTp3NgKSvUul9JfES5wWuhqai6DSpIyw5no/wBTFnSPystLE9fRV4sr9Vf2Gal8gAOtNiD9JeXI9ff+EtJfU8fTT7y/GLOnzqR9JVPQyrepjZ0+8vxlUXiHm6feX4zp05o2LejvnSemn3l+Mct0npp95fjOnQdBu2PF2npp95fjG1rpMfTT7y/GdOm6QHNmp4Xd0AgbziAsBnprzA7My5/iFH/Vp/fT4zp0tPGyfuZ3+IUv9Wn95PjIbriNEIT51Nt/pp1e2dOmP0DPtHlvFuI5curKSST9IY5Ek++E7e7Gga3QNjfDgj2Tp0ncrgj3Zt/q8fjRKLpOfnE9WV9+Y8Xaemn3l+M6dFcUNdscbtPTT7y/GPS7T00+8vxnTpmgHbLNvxFFYHWn31+MmujQbLCpTVj9YMvS7NYB39fOdOjZXRPkty+SM+aDuSHq00HYHUk+3MwXl1TRLgBG1Dza5Oc75bO86dNiUmZ5GaqlbP/Z" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"></script>
<title>초미니홈피 - 팬명록</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@200;300;400;500;600;700;900&display=swap" rel="stylesheet">
<style>
* {
font-family: 'Noto Serif KR', serif;
}
.mypic {
width: 100%;
height: 300px;
background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("data:image/jpeg;base64,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");
background-position: center 30%;
background-size: cover;
color: white;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.mypost {
width: 95%;
max-width: 500px;
margin: 20px auto 20px auto;
box-shadow: 0px 0px 3px 0px black;
padding: 20px;
}
.mypost > button {
margin-top: 15px;
}
.mycards {
width: 95%;
max-width: 500px;
margin: auto;
}
.mycards > .card {
margin-top: 10px;
margin-bottom: 10px;
}
</style>
<script>
$(document).ready(function(){
set_temp()
show_comment()
});
function set_temp(){
$.ajax({
type: "GET",
url: "http://spartacodingclub.shop/sparta_api/weather/seoul",
data: {},
success: function (response) {
$('#temp').text(response['temp'])
}
})
}
function save_comment(){
let name = $('#name').val()
let comment = $('#comment').val()
$.ajax({
type: "POST",
url: "/homework",
data: {'name_give':name, 'comment_give':comment},
success: function (response) {
alert(response["msg"])
window.location.reload()
}
})
}
function show_comment(){
$.ajax({
type: "GET",
url: "/homework",
data: {},
success: function (response) {
let rows = response['comments']
for (let i = 0; i < rows.length; i++) {
let name = rows[i]['name']
let comment = rows[i]['comment']
let temp_html = `<div class="card">
<div class="card-body">
<blockquote class="blockquote mb-0">
<p>${comment}</p>
<footer class="blockquote-footer">${name}</footer>
</blockquote>
</div>
</div>`
$('#comment-list').append(temp_html)
}
}
});
}
</script>
</head>
<body>
<div class="mypic">
<h1>임영웅 팬명록</h1>
<p>현재기온: <span id="temp">36</span>도</p>
</div>
<div class="mypost">
<div class="form-floating mb-3">
<input type="text" class="form-control" id="name" placeholder="url">
<label for="floatingInput">닉네임</label>
</div>
<div class="form-floating">
<textarea class="form-control" placeholder="Leave a comment here" id="comment"
style="height: 100px"></textarea>
<label for="floatingTextarea2">응원댓글</label>
</div>
<button onclick="save_comment()" type="button" class="btn btn-dark">응원 남기기</button>
</div>
<div class="mycards" id="comment-list">
</div>
</body>
</html>
와 에러 메시지를 첨부해 주세요.
Tip 1) </> 아이콘을 눌러 코드박스를 만들어 보세요.
Tip 2) Ctrl+A(맥의 경우 Command+A) 단축키로 코드를 한 번에 선택할 수 있어요!
댓글 알림
