강의 자료 클릭

06. 박스 구조잡기

10) div 구조 잡기

07. 스토리 넣기

11) 스토리 넣기

1. 구역 확인!

2. 태그들을 배치

3. img 태그 꾸미기

4. h2, h3, p 태그 꾸미기

08. 지도 넣기

카카오가 맵을 넣을수 있도록 코드 제공함 = > Map API

https://apis.map.kakao.com/
다큐먼트 이다.

다큐먼트란, 그쪽에서 만든 설명서를 보고 내 코드로 옮긴다.

<script type="text/javascript" src="https://dapi.kakao.com/v2/maps/sdk.js?appkey=535068688f1a8bca1c21a9445ede0a89"></script>
<script>
      var markerPosition = new kakao.maps.LatLng(위도, 경도)
      var mapContainer = document.getElementById('map'), // 지도를 표시할 div  
          mapOption = { 
              center: markerPosition, // 지도의 중심좌표
              level: 3 // 지도의 확대 레벨
          };

      var map = new kakao.maps.Map(mapContainer, mapOption); // 지도를 생성합니다

      var imageSrc = "https://s3.ap-northeast-2.amazonaws.com/materials.spartacodingclub.kr/2021_05_free_parents/sparta-marker.png"; 
      var imageSize = new kakao.maps.Size(65, 86); 
      var markerImage = new kakao.maps.MarkerImage(imageSrc, imageSize); 
      
      var marker = new kakao.maps.Marker({
          map: map,
          position: markerPosition,
          image : markerImage
      });

</script>

으ㅡ데 넣지.?

/div
밑에 붙여넣기.

줄도 맞추기

09. 폰트 입히기

https://fonts.google.com/?subset=korean