오늘은 본격적으로 웹 개발에 대해서 배웠다. 평소와 같이 깃헙과 코드펜에 들어가서 기초 작업을 한후 API를 쓰는 법을 배웠다.
kofic,TMDB 회원 가입을 해서 나만의 API를 발급 받아 봤다. kofic에서 영화 순위에 대한 API를 발급 받아 코드를 넣으니
영화 순위에 대한 것들이 많이 쫘르륵 나왔다. 그,중 카테고리를 골라 코드펜에 복붙을 해서 정리하는 화면을 만들어봤다. 내가 고른 카테고리는 미션 임파서블 시리즈였다.

오늘의 영화 순위

미션임파서블 시리즈

미션 임파서블

동유럽 첩보원들의 비밀 명단을 훔쳐 무기상에 팔아 넘기려는 음모를 막기 위해 짐 펠프스가 이끄는 CIA 최고의 팀 미션 임파서블이 투입된다. 그러나 대사관 파티에 잠입하여 동료들과 함께 작전을 수행하던 중 팀의 리더였던 이단 헌트만이 구사일생으로 혼자 살아 남는다. 곧 이어 본부에 연락을 취한 헌트는 이번 작전이 CIA 내에 침투한 이중간첩의 체포작전이라는 것과 자신이 범인으로 지목된 것을 알고 재빨리 피신한다. 그는 자신을 함정에 빠뜨리고 동료들을 살해한 진짜 범인을 찾기 위해 나선다. 마침내 그는 컴퓨터의 접속암호를 풀어 무기 밀매상인 맥스와 연락을 취하는데...

개봉일: 1996-05-22

<article>
   <h2>미션 임파서블: 파이널 레코닝</h2>
디지털상의 모든 정보를 통제할 수 있는 사상 초유의 무기로 인해 전 세계 국가와 조직의 기능이 마비되고, 인류 전체가 위협받는 절체절명의 위기가 찾아온다. 이를 막을 수 있는 건 오직 존재 자체가 기밀인 에단 헌트와 그가 소속된 IMF뿐이다. <b style = "color: red; ">무기</b>를 무력화하는 데 반드시 필요한 키를 손에 쥔 에단 헌트. 오랜 동료 루터와 벤지, 그리고 새로운 팀원이 된 그레이스, 파리, 드가와 함께 지금껏 경험했던 그 어떤 상대보다도 강력한 적에 맞서 모두의 운명을 건 불가능한 미션에 뛰어든다.
  <img wibth = "200px" src = "https://image.tmdb.org/t/p/w500/c5pDU8SW0ZbmO5jHfw7fX6keyyR.jpg">
  <h3>개봉일: 2025-05-17</h3>

</article>

  
  
<article>
   <h2>미션 임파서블: 로그네이션</h2>
 미국정부로부터 해체 통보를 받게 된 최첨단 첩보기관 IMF.  에단 헌트를 포함한 팀원들은 모두 뿔뿔이 흩어지게 되고, <i style = "color: red; ">정체불명의 테러조직 신디케이트</i>는 IMF 전멸 작전을 펼친다. 신디케이트에게 납치 당한 에단 헌트는 의문의 여인 일사의 도움을 받아 극적 탈출에 성공하고 다시 팀원들을 불러 모은다. 리더 에단 헌트부터 전략 분석요원 브랜트, IT 전문요원 벤지, 해킹 전문요원 루터, 그리고 정체를 알 수 없는 일사까지. 다시 모인 그들은 역대 가장 위협적인 적 신디케이트에 맞서는 불가능한 미션을 펼친다.
   <img wibth = "200px" src = "https://image.tmdb.org/t/p/w500/wqHiuRRkjJ8vyjKOm0IjHhyzISy.jpg">
  <h3>개봉일: 2015-07-28</h3>
</article>

그리고 책에서 표 만들기라는 주제로 표도 만들어보았다.

  <table border ="1" cellspacing = "0" style = " width:300px; 

height:200px; text-align : center">

  <tr>
  <th>번호</th>
  <th>상품명</th>
  <th>수량</th>
  <th>가격</th>
</tr>
<tr>
  <td>1</td>
  <td>콜라</td>
  <td>1개</td>
  <td>1,500원</td>
</tr>
<tr>
  <td>2</td>
  <td>사이다</td>
  <td>2개</td>
  <td rowspan = "2" > 1,000원 </td>
</tr>
<tr>
  <td>3</td>
  <td>탄산수</td>
  <td>3개</td>
</tr>

<tr>
  <td>총금액</td>
  <td colspan = "3">6,500원</td>
</tr>


</table>

한것이 좀 많아 어렵고 힘들었지만 그래도 오늘 배운게 많아서 보람이 차고 기분이 좋은거 같다. 다음주엔 더 열심히 해야지!!!