mjin_k.log https://velog.io/ 코린이 =) Sun, 20 Mar 2022 14:28:58 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed mjin_k.log https://images.velog.io/images/mjin_k/profile/36c5071b-641b-422c-8735-2acbbaeeb9e8/jin.jpg https://velog.io/ Copyright (C) 2019. mjin_k.log. All rights reserved. <![CDATA[앱개발_2주차]]> https://velog.io/@mjin_k/%EC%95%B1%EA%B0%9C%EB%B0%9C2%EC%A3%BC%EC%B0%A8 https://velog.io/@mjin_k/%EC%95%B1%EA%B0%9C%EB%B0%9C2%EC%A3%BC%EC%B0%A8 Sun, 20 Mar 2022 14:28:58 GMT
  1. 리액트(React) 네이티브(Native)[기술] & Expo(도구)소개 및 설치
  2. 앱 화면 만들기
  3. 앱에서 자주 사용되는 자바스크립트 연습하기

👉리액트 네이티브는 자바스크립트 언어 하나로 안드로이드 앱과 ios앱 두가지 모두 만들어주는 라이브러리

yarn 설치

  • cmd 창을 키고 npm install -g yarn Enter로 yarn을 설치

Expo 설치

  • cmd 창에서 npm install -g expo-cli로 expo설치
  • 명령어 해석
    • npm : 노드패키지 매니저 명령을 실행함.
    • install : 설치함.
    • -g: 컴퓨터 전역적으로 설치 == 어디서든 -g 다음에 오는 명령어를 사용할 수 있게
    • expo-cli : 설치할 패키지 이름
    • 명령어 뜻 : 우린 이 명령어 한 줄로, 컴퓨터 어디서든 expo를 사용할 수 있게끔 패키지를 전역적으로 설치 했다.

cmd창에서 expo로 로그인 하기

  • expo login --username "expo에서 사용한 이름"
  • password 입력창이나오면 입력하기

vscode프로그램 실행(visual studio code)

  • 미리 만들어둔 폴더를 open
  • view -> Terminal을 눌러서 터미널을 열어준다.
  • expo init sparta-myhoneytip-jini를 입력하여 Enter
  • init : Expo 앱을 생성하는 Expo 명령어!

❗윈도우OS는 shell이 없어서 cmd로 변경해줘야 expo사용가능하다.

✌ Ctrl+Shift+p 를 눌러서 shell을 검색하여 Terminal:Select Default Shell을 클릭 한뒤 Comand Prompt c:\Windows\System32\cmd.exe 클릭 후 VScode 재실행 ✌ 구글에 검색하여 확인(나는 이 방법으로 사용함 근데 까먹음)

  • 그 후에는 터미널에서 어떤 유형의 Expo앱을 만들어 줄지 물어보는데 키보드를 이용하여 blank를 선택 후 Enter

  • 만들어진 Expo앱으로 이동하려면 터미널에서 cd sparta-myhoneytip-jini 를 입력하여 이동 👀 커맨드 창에서 뒤로 가기는 cd+띄우고+..이다 cd ..

    생성한 Expo앱 실행 명령어는 expo start

  • expo start명령어는 Expo서버를 킨것 과 동일 하다.

  • 서버를 끌때는 Ctrl+c로 종료 할 수 있다.

Expo 개발자 도구설명

  • Run on Android device/emulator
    • 컴퓨터와 USB로 연결된 안드로이트 폰 또는 시뮬레이터로 Expo 실행시키는 버튼
      • Run on iOS simulator
    • 설치한 iOS 시뮬레이터로 Expo 앱을 실행시키는 버튼
      • Run in web browser
    • 작업중인 Expo 앱을 브라우저에서 확인 하는 버튼. 즉, 웹 플랫폼에 대응 하게끔 지원
      • Send link with email
      • 작업 중인 Expo 앱은 Expo 클라이언트 앱이 설치되어 있는 휴대폰 어디서든 실행할 수 있습니다. 즉 이 때 개발중인 Expo 앱 링크를 통해서도 바로 Expo 클라이언트 앱으로 개발중인 앱 확인이 가능합니다.
      • Public or republish project
      • 앱을 여러분 계정의 Expo 공식사이트에 업로드합니다. Expo 공식 사이트에 개발한 앱을 배포하게되면, 사이트에서 안드로이드 용 APK파일 혹은 IOS용 ipa 파일을 빌드하여 다운로드 받을 수 있습니다. 그럼 우린 이걸 가지고 직접 안드로이드 마켓 혹은 애플 스토어에 앱을 출시할 수 있습니다. 어쨋든 Expo는 배포도 쉽게 도와주는 친구!

🛑유의사항

  1. 간혹 Expo 버전에 따라 위 화면에서 화면 분할이 되지 않아, 개발 중인 앱의 상태 로그를 볼 수 없는 경우도 있습니다. 그럴땐, 당황하지 않고! vscode 상에서 expo start 명령어를 쳤던 터미널을 보시면 로그들을 확인 할 수도 있습니다!!
  2. 연결이 안되시는 분들이 간혹 있습니다!. 그럴땐 두 가지를 체크해보면 좋습니다. (1) 컴퓨터가 연결된 와이파이와 앱을 실행시키는 휴대폰에 연결된 와이파이가 동일한지! (2) 왼쪽 하단 QR 코드 위에 , Tunnel , Lan , Local 모두 눌러보면서 되는 환경을 찾아보기! (2)의 이유는, 각 컴퓨터 마다 환경 설정이 다르기 때문입니다. 방화벽이 그 이유일 수도 있구요! 네트워크 환경이 다를 수도 있습니다. 그렇기 때문에, 정상적으로 실행되는 환경을 찾아보시길 추천 드립니다!

    JSX 문법 (앱 화면 만들기)

    ❗ App.js에서 export default function App() {과 return()사이에 console.disableYellowBox = true;입력 권장사항(노란색 경고창)이 뜨는걸 미연에 방지

JSX 문법의 규칙!

  • 공식 사용설명서 : https://reactnative.dev/docs/view?redirected

    1. 모든 태그는 리액트 네이티브에 들어있는 태그(엘리먼트)들을 꺼내서 사용해야한다.
    • 예시
      import {StyleSheet, Text, View, Image} from 'react-native';
    1. 항상 닫는 태그와 여는 태그를 구분해서 사용해야 한다.
    2. 모든 태그는 감싸는 최상위 태그가 있어야함
    3. ()로 감싸 져 있어야 한다.
    4. 주석은 //단일주석 ,{/**/}JSX문법안에서사용 단축키 : (Ctrl+/)

화면을 구성하는 앨리먼트

1. View 태그 : 화면의 영역(레이아웃)을 잡아주는 앨리먼트

  • 코드
    import { StatusBar } from 'expo-status-bar';
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default function App() {
return (
  <View style={styles.container}>
    <View style={styles.subContainerOne}></View>
    <View style={styles.subContainerTwo}></View>
  </View>
);
}
const styles = StyleSheet.create({
container: {
  flex: 1,
  backgroundColor: '#fff',
},
subContainerOne: {
  flex:1,
  backgroundColor:"yellow"
},
subContainerTwo: {
  flex:1,
  backgroundColor:"green"
}
});
  • 화면 사진

2. Text 태그 : 앱에 글을 작성하려면 사용해야 하는 엘리먼트

  • view 태그에서 문자를 작성하면 오류 발생함.
  • 코드
    import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default function App() {
return (
 <View style={styles.container}>
   <Text>문자는 Text 태그 사이에 작성!!</Text>
   <Text>문자는 Text 태그 사이에 작성!!</Text>
   <Text>문자는 Text 태그 사이에 작성!!</Text>
   <Text>문자는 Text 태그 사이에 작성!!</Text>
   <Text>문자는 Text 태그 사이에 작성!!</Text>
   <Text>문자는 Text 태그 사이에 작성!!</Text>
   <Text>문자는 Text 태그 사이에 작성!!</Text>
   <Text>문자는 Text 태그 사이에 작성!!</Text>
   <Text>문자는 Text 태그 사이에 작성!!</Text>
   <Text>문자는 Text 태그 사이에 작성!!</Text>
   <Text>문자는 Text 태그 사이에 작성!!</Text>
 </View>
);
}
const styles = StyleSheet.create({
container: {
 flex: 1,
 backgroundColor: '#fff',
 alignItems: 'center',
 justifyContent: 'center',
},
});
  • 화면 사진

3.ScrollView : 앱 화면을 벗어나는 영역의 경우 사용 스크롤이 가능해지면서 모든 컨텐츠를 볼 수 있다.

  • 코드1(스크롤이 불가능한 코드, View로 감싼코드)

    import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default function App() {
return (
//각 태그들에는 style이라는 속성을 갖습니다.
//이 속성은 파일 최하단에 작성한 스타일 코드 객체의 키 값을 부여해
// 엘리먼트들에 스타일을 줄 수 있습니다.
//이는 JSX문법을 배우고 난 다음 더 자세히 다룹니다.
<View style={styles.container}>
{/* //보인 영역을 갖는 엘리먼트 7가 반복적으로 쓰였습니다. */}
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
</View>
);
}
//텍스트가 영역을 갖고, 가운데 정렬도 하며, 테두리 스타일을 갖게 끔 하는 코드입니다.
//JSX를 마저 배우고 스타일에 대해 자세히 다루니
//걱정 안해도 좋습니다!
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
},
textContainer: {
height:100,
borderColor:'#000',
borderWidth:1,
borderRadius:10,
margin:10,
},
textStyle: {
textAlign:"center"
}
});

  • 코드2(스크롤이 가능한 코드,View가아닌 ScrollView로 감싼 코드)

    import React from 'react';
import { StyleSheet, Text, View, ScrollView } from 'react-native';
export default function App() {
return (
<ScrollView style={styles.container}>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}>
<Text style={styles.textStyle}>영역을 충분히 갖는 텍스트 입니다!</Text>
</View>
<View style={styles.textContainer}
    • 화면사진

3. Button태그와 함수

  • 코드
    import React from 'react';
import { StyleSheet, Text, View, Button, Alert } from 'react-native';

export default function App() { return ( 아래 버튼을 눌러주세요 {/* 버튼 onPress 속성에 일반 함수를 연결 할 수 있습니다. /} <Button style={styles.buttonStyle} title="버튼입니다 " color="#f194ff" onPress={function(){ Alert.alert('팝업 알람입니다!!') }} /> {/ ES6 문법으로 배웠던 화살표 함수로 연결 할 수도 있습니다. */} <Button style={styles.buttonStyle} title="버튼입니다 " color="#FF0000" onPress={()=>{ Alert.alert('팝업 알람입니다!!') }} /> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', }, textContainer: { height:100, margin:10, }, textStyle: { textAlign:"center" }, });

- 화면사진
![](https://images.velog.io/images/mjin_k/post/729fb1a7-1683-4e2c-a139-89a9e1a82978/image.png)

🎁 버튼 설명서 : https://reactnative.dev/docs/button
🎁  팝업 알람(Alert) 설명서 : https://reactnative.dev/docs/alert#docsNav

 - 버튼을 눌렀을대 어떤 이벤트가 일어나게 하려면`onPress`에 함수을 연결(바인딩)하면됨
   - 예시

onPress={()=>{ Alert.alert('팝업 알람입니다!!') }}

함수 생성

const customAlert=() =>{
    Alert.alert("얼럿입니다");
  }

생성된 함수 onPress에 넣기

1.방법 코드

 onPress={customAlert}

2.방법 코드

onPress={()=>{
              customAlert()
 }}

4. TouchableOpacity : 임의의 영역과 디자인에 버튼 기능을 달고 싶을 때 주로 사용하게 될 태그

  • 스타일은 주지 않은 이상, 화면에 영향을 주지 않는 영역을 갖는다.
  • 코드
    import React from 'react';
import { StyleSheet, Text, View, ScrollView, TouchableOpacity, Alert } from 'react-native';

export default function App() { const customAlert = () => { Alert.alert("TouchableOpacity에도 onPress 속성이 있습니다") } return ( 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! 영역을 충분히 갖는 텍스트 입니다! ); }

const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', }, textContainer: { height:100, borderColor:'#000', borderWidth:1, borderRadius:10, margin:10, }, textStyle: { textAlign:"center" } });


❗`TouchableOpacity`에도 `onPress`속성이 있다! 

#### 5. Image 태그 
 1. assets폴더에 있는 이미지를 그대로 사용하는 방법

import React from 'react'; import { StyleSheet, Text, View, Image } from 'react-native'; //이렇게 상단에 가져와 사용할 이미지를 불러옵니다 import favicon from "./assets/favicon.png" export default function App() { return ( {/*이미지 태그 soruce 부분에 가져온 미지 이름을 넣습니다 */} <Image source={favicon} // 사용설명서에 나와 있는 resizeMode 속성 값을 그대로 넣어 적용합니다 resizeMode={"repeat"} style={styles.imageStyle} /> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', //혹시 미리 궁금하신 분들을 위해 언급하자면, //justifyContent와 alignContent는 영역 안에 있는 콘텐츠들을 정렬합니다 justifyContent:"center", alignContent:"center" }, imageStyle: { width:"100%", height:"100%", alignItems:"center", justifyContent:"center" } });

  1. 외부 이미지 사용
    import React from 'react';
import { StyleSheet, Text, View, Image } from 'react-native';
//이렇게 상단에 가져와 사용할 이미지를 불러옵니다
import favicon from "./assets/favicon.png"

export default function App() { return ( {/*이미지 태그 soruce 부분에 가져온 미지 이름을 넣습니다 */} <Image source={{uri:'https://images.unsplash.com/photo-1424819827928-55f0c8497861?fit=crop&w=600&h=600%27'}} // 사용설명서에 나와 있는 resizeMode 속성 값을 그대로 넣어 적용합니다 resizeMode={"cover"} style={styles.imageStyle} /> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', //혹시 미리 궁금하신 분들을 위해 언급하자면, //justifyContent와 alignContent는 영역 안에 있는 콘텐츠들을 정렬합니다 justifyContent:"center", alignContent:"center" }, imageStyle: { width:"100%", height:"100%", alignItems:"center", justifyContent:"center" } });

👉꿀팁 : `Alt + Z`를 누르면 코드가 옆으로 넘어갈때 자동 줄바꿈 해줌
- 화면 사진
![](https://images.velog.io/images/mjin_k/post/cf86c964-8929-4023-aa3d-31789bc10a0f/image.png)

#### StyleSheet태그
- 코드

import React from 'react'; import { StyleSheet, Text, View, Image } from 'react-native';

export default function App() { return ( 스파르타 코딩클럽!! ); } const styles = StyleSheet.create({ container: { //영역을 잡는 속성입니다. 따로 자세히 다룹니다. //flex: 1은 전체 화면을 가져간다는 뜻입니다 flex: 1, //영역의 배경 색을 결정합니다 backgroundColor: '#fff', //아래 두 속성은 영역 안의 컨텐츠들의 배치를 결정합니다. //flex를 자세히 다룰때 같이 자세히 다룹니다 justifyContent:"center", alignContent:"center" }, textContainer: { //영역의 바깥 공간 이격을 뜻합니다(하단 이미지 참조) margin:10, //영역 안의 컨텐츠 이격 공간을 뜻합니다(하단 이미지 참조) padding: 10, //테두리의 구부러짐을 결정합니다. 지금 보면 조금 둥글죠? borderRadius:10, //테두리의 두께를 결정합니다 borderWidth:2, //테두리 색을 결정합니다 borderColor:"#000", //테구리 스타일을 결정합니다. 실선은 solid 입니다 borderStyle:"dotted", }, textStyle: { //글자 색을 결정합니다. rgb, 값 이름, 색상코드 모두 가능합니다 color:"red", //글자의 크기를 결정합니다 fontSize:20, //글자의 두께를 결정합니다 fontWeight:"700", //가로기준으로 글자의 위치를 결정합니다 textAlign:"center" } });

- 화면 사진
![](https://images.velog.io/images/mjin_k/post/7a11a122-bc92-4594-9cd5-aa1306a0cb4e/image.png)

#### margin과 padding
- 영역의 바깥과 안의 여백을 결정한다.
![](https://images.velog.io/images/mjin_k/post/0f631018-4a8b-40ef-a775-588d1d65cf65/image.png)

🎁 스타일 공식 문서
https://reactnative.dev/docs/style#docsNav
https://reactnative.dev/docs/layout-props

🎁 구글에 `react native [필요한 스타일]` 이런식으로 검색하면 많은 레퍼런스를 찾을 수 있다.


### flex : 영역을 나눈다
#### 코드1

import React from 'react'; import { StyleSheet, Text, View } from 'react-native';

export default function App() { return ( 

  </View>
  <View style={styles.containerTwo}>

  </View>
</View>

); }

const styles = StyleSheet.create({ container: { flex:1 }, containerOne: { flex:1, backgroundColor:"red" }, containerTwo:{ flex:2, backgroundColor:"yellow" } });

- 화면 사진
![](https://images.velog.io/images/mjin_k/post/5765948b-3301-4755-91ea-33a2c469cf76/image.png)

- 가장 최상위의 `container` 스타일을 가져가는 `View` 엘리먼트는 디바이스 전체 화면의 영역을 가져갑니다.
안 쪽의 `containerOne` 스타일이 부여된 `View` 엘리먼트는 전체를 3등분한 뒤 1/3을 가져가고 `containerTwo` 는 2/3를 가져갑니다. 

#### 코드2

import React from 'react'; import { StyleSheet, Text, View } from 'react-native';

export default function App() { return ( 

  </View>
  <View style={styles.containerTwo}>
    <View style={styles.innerOne}>

    </View>
    <View style={styles.innerTwo}>

    </View>

  </View>
</View>

); }

const styles = StyleSheet.create({ container: { flex:1 }, containerOne: { flex:1, backgroundColor:"red" }, containerTwo:{ flex:2, backgroundColor:"yellow" }, innerOne: { flex:1, backgroundColor:"blue" }, innerTwo: { flex:4, backgroundColor:"orange" } });

- 화면 사진
![](https://images.velog.io/images/mjin_k/post/95c95edc-8bc7-40d2-ac7a-be02c8ffa66f/image.png)

❗flex 는 위치한 곳의 영역을 같은 레발의 flex 합 비율대로 가져갑니다! `상대적`으로

### flexDirection 
 - 코드

import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( 

  </View>
  <View style={styles.containerTwo}>
    <View style={styles.innerOne}>

    </View>
    <View style={styles.innerTwo}>

    </View>

  </View>
</View>

); } const styles = StyleSheet.create({ container: { flex:1 }, containerOne: { flex:1, backgroundColor:"red" }, containerTwo:{ flex:2, flexDirection:"row", backgroundColor:"yellow" }, innerOne: { flex:1, backgroundColor:"blue" }, innerTwo: { flex:4, backgroundColor:"orange" } });

  • 화면사진

  • 즉, row 는 가로 방향, column 은 세로방향으로 영역을 배치합니다.

justifyContent

justifyContent : flexDirection 과 동일한 방향으로 정렬하는 속성

-flexDirection : column 에서 justifyContent 는 상하 정렬, flexDirection : row 에서 justifyContent 는 좌우 정렬

  • flex-start, center, flex-end, space-between, space-around 속성을 가진다.
    • 예시 사진
  • 코드
    import React from 'react';
import { StyleSheet, Text, View } from 'react-native';

export default function App() { return ( 

  </View>
  <View style={styles.containerTwo}>
    <View style={styles.innerOne}>

    </View>
    <View style={styles.innerTwo}>
      <Text>!!컨텐츠!!</Text>
    </View>

  </View>
</View>

); }

const styles = StyleSheet.create({ container: { flex:1 }, containerOne: { flex:1, backgroundColor:"red" }, containerTwo:{ flex:2, flexDirection:"row", backgroundColor:"yellow" }, innerOne: { flex:1, backgroundColor:"blue" }, innerTwo: { flex:4, justifyContent:"flex-start", backgroundColor:"orange" } });

-  화면 사진 
![](https://images.velog.io/images/mjin_k/post/850c4b47-1f39-4358-bf07-2fed2c829b57/image.png)

#### alignItems
-  `Flex Direction`과 수직한 방향(반대 방향이라고 생각하면 편합니다)으로 정렬하는 속성
- `flexDirection : ' column '`에서 alignItems 는 좌우 정렬, 
`flexDirection : ' row '`에서 alignItems 는 상하 정렬을 뜻합니다
  - 예시 사진
  ![](https://images.velog.io/images/mjin_k/post/5d0b84f9-a47c-48aa-bc08-5b811eab6e22/image.png)

  -사용예시코드

import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( 

  </View>
  <View style={styles.containerTwo}>
    <View style={styles.innerOne}>

    </View>
    <View style={styles.innerTwo}>
      <View style={styles.content}></View>
    </View>

  </View>
</View>

); } const styles = StyleSheet.create({ container: { flex:1 }, containerOne: { flex:1, backgroundColor:"red" }, containerTwo:{ flex:2, flexDirection:"row", backgroundColor:"yellow" }, innerOne: { flex:1, backgroundColor:"blue" }, innerTwo: { flex:4, backgroundColor:"orange", alignItems:"flex-end" }, content: { width:50, height:50, backgroundColor:"#000" } });

❗innerTwo (상위 엘리먼트) 에 적용을 해야 안에 있는 컨텐츠에 영향이 간다

메인화면 완성하기

  • 기본 구조
    import React from 'react';
import main from './assets/main.png';
import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native';

export default function App() { console.disableYellowBox = true; return ()

}

const styles = StyleSheet.create({})

- 본 메인화면 코드

import React from 'react'; import main from './assets/main.png'; import { StyleSheet, Text, View, Image, TouchableOpacity, ScrollView} from 'react-native'; export default function App() { console.disableYellowBox = true; return ( 나만의 꿀팁 <Image style={styles.mainImage}source={main}/> 생활 재테크 반려견 꿀팁 찜 <Image style={styles.cardImage} source={{uri:"https://storage.googleapis.com/sparta-image.appspot.com/lecture/pizza.png"}}/> 먹다 남은 피자를 촉촉하게! 먹다 남은 피자는 수분이 날라가기 때문에 처음처럼 맛있게 먹을 수 없는데요. 이럴 경우 그릇에 물을 받아 전자레인지 안에서 1분 30초에서 2분 정도 함께 돌려주면 촉촉하게 먹을 수 있습니다. 물이 전자레인지 안에서 수증기를 일으키고, 피자에 촉촉함을 더해줍니다. 2022.03.20 )

} const styles = StyleSheet.create({ container: { //앱의 배경 색 backgroundColor: '#fff', }, title: { //폰트 사이즈 fontSize: 20, //폰트 두께 fontWeight: '700', //위 공간으로 부터 이격 marginTop:50, //왼쪽 공간으로 부터 이격' marginLeft:20 }, mainImage: { //컨텐츠의 넓이 값 width:'90%', //컨텐츠의 높이 값 height:200, //컨텐츠의 모서리 구부리기 borderRadius:10, marginTop:20, //컨텐츠 자체가 앱에서 어떤 곳에 위치시킬지 결정(정렬기능) //각 속성의 값들은 공식문서에 고대로~ 나와 있음 alignSelf:"center" }, middleContainer:{ marginTop:20, marginLeft:10, height:60 }, middleButton01: { width:100, height:50, padding:15, backgroundColor:"#fdc453", borderColor:"deeppink", borderRadius:15, margin:7 }, middleButton02: { width:100, height:50, padding:15, backgroundColor:"#fe8d6f", borderRadius:15, margin:7 }, middleButton03: { width:100, height:50, padding:15, backgroundColor:"#9adbc5", borderRadius:15, margin:7 }, middleButton04: { width:100, height:50, padding:15, backgroundColor:"#f886a8", borderRadius:15, margin:7 }, middleButtonText: { color:"#fff", fontWeight:"700", //텍스트의 현재 위치에서의 정렬 textAlign:"center" }, cardContainer: { marginTop:10, marginLeft:10 }, card:{ flex:1, //컨텐츠들을 가로로 나열 //세로로 나열은 column <- 디폴트 값임 flexDirection:"row", margin:10, borderBottomWidth:0.5, borderBottomColor:"#eee", paddingBottom:10 }, cardImage: { flex:1, width:100, height:100, borderRadius:10, }, cardText: { flex:2, flexDirection:"column", marginLeft:10, }, cardTitle: { fontSize:20, fontWeight:"700" }, cardDesc: { fontSize:15 }, cardDate: { fontSize:10, color:"#A6A6A6", } });

- 화면 사진 
![](https://images.velog.io/images/mjin_k/post/9bd55be0-e0d0-4fba-a951-f6920fb0b518/image.png)

## 2주차 숙제
]]> <![CDATA[웹개발_2주차]]> https://velog.io/@mjin_k/%EC%9B%B9%EA%B0%9C%EB%B0%9C2%EC%A3%BC%EC%B0%A8 https://velog.io/@mjin_k/%EC%9B%B9%EA%B0%9C%EB%B0%9C2%EC%A3%BC%EC%B0%A8 Sat, 19 Mar 2022 06:06:32 GMT

목표

  1. jQuery를 이용하여 javascript로 HTML을 제어한다.
  2. Ajax를 이용해 다시 서버에 데이터를 요청하고 받는다.

Javascript 복습

틈새 Quiz - 짝/홀수에 따라 다른 alert을 띄우는 onclick 함수 함께 만들어보기!

  • 코드
    <script>
let count = 1;
.btn{
 if(count % 2 == 0){
     alert("짝수입니다!");
  }else{
      alert("홀수입니다!");
   }
   count += 1;
}
</script>
<body>
 <input type=button onclick="btn" value="누르면 홀짝 버튼">
</body>

JQuery(라이브러리)

  1. JQuery는 HTML의 요소들을 조작하며 편리한 javascript를 미리 작성해둔 것!
  2. 개발자들이 짜둔 코드를 가져와서 사용하는 것임으로 사용하기전에는 임포트(import)하여 사용할 수 있다.

JQuery CDN

https://www.w3schools.com/jquery/jquery_get_started.asp 에서 googleCDN 을 복사한뒤 `안에 붙여넣어주기!

  • 예시 코드

    <head>
 <title>웹개발 종합반 - 1주차Quiz</title>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
</head>

    JQuery를 사용하는 방법

    • css와 같이 jQuery를 사용할때도 가리켜야 조작할 수 있다.
      • ex) 특정 input box의 값을 가져와, 특정 div를 안보이게 해줘!
    • css에서는 선택자로 class를 사용했지만 JQuery에서는 선택자로 id값을 통해 선택한다.
      • 예시코드(id="article-url" 가 선택자)
    <label>아티클 URL</label>
      <input type="url" id="article-url">

    ```

    input box의 값을 가져와보자!

    • 예시코드 ``` 
      <input type="url" id="article-url">
      => 개발자도구(F12)에서 $('#article-url').val('장영실'); 로하면 article-url의 inputbox가 장영실로 바뀜

  • 변경된 화면사진

div 보이기/숨기기

  • 화면 사진
  • 코드 (div에 id를 주고 개발도구에서 $("#id명").show();나 $("#id명").hide();로 나타내고 숨기기
    <div class ="postbox" id="post-box">
   <div class="form-group">
       <label>아티클 URL</label>
       <input type="url" class="form-control" id="article-url">
</div>

    CSS값 가져와보기(dispaly)

    • 예시코드(개발자도구)
      $("#post-box").hide();
$("#post-box").css('display');
=> 'none'
$("#post-box").show();
$("#post-box").css('display');
=>'block;-'
    • 실제 코드 사진

태그 내 텍스트 입력하기

1) input box의 경우

  • 사용코드 예시
    $("#post-url").val("변경할 텍스트 입력");

2) 버튼의 텍스트 변경

  • 사용코드 예시
    $("#btn-post-box").text("버튼 텍스트 변경");

태그 내 html 입력하기

  • <div>~</div>내에, 동적으로 html을 넣고 싶을때 사용( 포스팅되면 -> 카드 추가)
  • 사용코드 
    // 사이에 html을 넣고 싶은 태그에 id값을 준 다음
<div id="cards-box" class="card-columns">
<div class="card">
    <img class="card-img-top" src="https://www.fodors.com/wp-content/uploads/2018/10/4_UltimateRome_PiazzaNavona-975x650.jpg
    <div class="card-body">
        <a href="https://naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
        <p class="card-text">여기에 기사 내용이 들어가겠죠</p>
        <p class="card-text comment">여기엔 코멘트가 들어갑니다</p>
</div>
</div>
</div>
- 개발자도구에서 사용코드

//개발자도구로 들어가서 버튼 넣기(백틱사용) let temp_html=(백틱)<button> 이게 추가된 버튼이다</button>(백틱);

  • 개발자 도구에서 버튼 말고 카드 넣기
    // 주의: 홑따옴표(')가 아닌 backtick(`)으로 감싸야 합니다.
// 숫자 1번 키 왼쪽의 버튼을 누르면 backtick(`)이 입력됩니다.
// backtick을 사용하면 문자 중간에 Javascript 변수를 삽입할 수 있습니다.
let img_url = 'https://www.eurail.com/content/dam/images/eurail/Italy%20OCP%20Promo%20Block.adaptive.767.1535627244182.jpg';
let link_url = 'https://naver.com/';
let title = '여기 기사 제목이 들어가죠';
let desc = '기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...';
let comment = '여기에 코멘트가 들어갑니다.';
let temp_html = `<div class="card">
<img class="card-img-top"
src="${img_url}"
alt="Card image cap">
<div class="card-body">
<a href="${link_url}" class="card-title">${title}</a>
<p class="card-text">${desc}</p>
<p class="card-text comment">${comment}</p>
</div>
</div>`;
$('#cards-box').append(temp_html);

### JQuery를 적용한 나홀로메모장(포스트 박스 열고 닫기)
- 사용코드

//button의 onclick함수를 openclose()로 변경하고 함수 설정 포스트 박스 열기

function openclose(){ let status = $("#post-box").css("display"); if(status == 'block'){ $("#post-box").hide(); $("#btn-postingbox").text("포스트 박스 열기" ); }else{ $("#post-box").show(); $("#btn-postingbox").text("포스트 박스 닫기"); } } // 처음부터 닫혀진 상태로 하려면 postbox함수에 dispal : none;으로 코딩

Quiz

  • 문제 화면

  • 1번 문제 코드

    function q1() {

          if($("#input-q1").val() == ''){
              alert("입력하세요!!");
          }else{
             alert($("#input-q1").val());
          }

          // 1. input-q1의 입력값을 가져온다. $('# .... ').val() 이렇게!
          // 2. 만약 입력값이 빈칸이면 if(입력값=='')
          // 3. alert('입력하세요!') 띄우기
          // 4. alert(입력값) 띄우기
      }

  • 문제 2번 코드

    function q2() {
          let email = $("#input-q2").val();
          if(email.includes('@') == false){
              alert('이메일이 아닙니다.');
          }else{
              let emaildomain = email.split('@')[1];
              let onlydomain = emaildomain.split('.')[0];
              alert(onlydomain);
          }
          // 1. input-q2 값을 가져온다.
          // 2. 만약 가져온 값에 @가 있으면 (includes 이용하기 - 구글링!)
          // 3. info.spartacoding@gmail.com -> gmail 만 추출해서 ( .split('@') 을 이용하자!)
          // 4. alert(도메인 값);으로 띄우기
          // 5. 만약 이메일이 아니면 '이메일이 아닙니다.' 라는 얼럿 띄우기
      }


 - 문제 3 번 코드

function q3() { // 1. input-q3 값을 가져온다. let txt = ... q1, q2에서 했던 걸 참고! // 2. 가져온 값을 이용해 names-q3에 붙일 태그를 만든다. (let temp_html = <li>${txt}</li>) 요렇게! // 3. 만들어둔 temp_html을 names-q3에 붙인다.(jQuery의 $('...').append(temp_html)을 이용하면 굿!) let text = $("#input-q3").val(); if(text == ''){ alert("이름을 입력하세요"); return; } let temp_html = <li>${text}</li>; $("#names-q3").append(temp_html);

    }

    function q3_remove() {
        // 1. names-q3의 내부 태그를 모두 비운다.(jQuery의 $('....').empty()를 이용하면 굿!)
        $("#names-q3").empty();

    }

서버 - 클라이언트 통신 이해하기

  • GET - 데이터 조회(Read)할 때 통상적으로 사용
  • POST - 데이터 생성(create), 변경(update), 삭제(delete) 요청할 때 통상적으로 사용

Ajax

  • ajax는 꼭 jquery를 import한 페이지에서만 동작한다.

❗ Uncaught TypeError: $.ajax is not a function은 Ajax가 없다는 뜻

Ajax 기본 골격

$.ajax({
  type: "GET",
  url: "여기에URL을입력",
  data: {},
  success: function(response){
    console.log(response)
  }
})

  • Ajax 코드 해설

    $.ajax({
type: "GET", // GET 방식으로 요청한다.
url: "http://openapi.seoul.go.kr:8088/6d4d776b466c656533356a4b4b5872/json/RealtimeCityAir/1/99",
data: {}, // 요청하면서 함께 줄 데이터 (GET 요청시엔 비워두세요)
success: function(response){ // 서버에서 준 결과를 response라는 변수에 담음
console.log(response) // 서버에서 준 결과를 이용해서 나머지 코드를 작성
}
})

  • type : "GET" -> GET방식으로 요청한다.

  • url : 요청할 url

  • data : 요청하면서 함께 줄 데이터 (GET 요청시 비워두기) 👉 GET요청은 URL뒤에 아래와 같이 붙여서 데이터를 가져간다.

    http://naver.com?param=value&param2=value2

👉 POST요청은, data :{}에 넣어서 데이터를 가져간다.

data: { param: 'value', param2 'value2' },

- success : 성공하면 `response`에 서버의 결과값을 담아서 함수를 실행 한다.

## AJax 연습하기1 
#### (서울시 미세먼지 API를 이용하여 `~구`의 이름과 `미세먼지` 수치 가져오기 )
  ❗ id를 불러올때는 `$('#아이디명')`으로 불러오고, 변수의 값을 가져올때는 `${변수명"}`으로 가져온다! 
  - 초기화를 안해주면 아래 데이터로 계속 이어서 생성되므로 초기화 필수! = `$('#불러올 id명').empty();`
## AJax 연습하기2 
#### + 가져온 미세먼지 수치가 50이상인 곳은 빨간색으로 표시하기  
 - 사용코드 ( if를 사용하여 미세먼지가 50보다 클 경우`<li>`에 클래스를 만들어서 `<style>`에서 빨갛게 만들어주기
  • 적용사진

Quiz_Ajax연습하기1

1. 따릉이API를 이용하여 거치된 정류장이름과 거치대 수량과 거치된 따릉이 수량 나타내기

  • 사용코드

    <script>
      function q1() {
          $('#names-q1').empty();
          $.ajax({
              type:"GET",
              url : "http://spartacodingclub.shop/sparta_api/seoulbike",
              data:{},
              success:function (response){
                  let rows = response['getStationList']['row'];
                  for (let i = 0; i <= rows.length; i++) {
                      let rack_name = rows[i]['stationName'];
                      let rack_cnt = rows[i]['rackTotCnt'];
                      let parking_cnt = rows[i]['parkingBikeTotCnt'];
                      let temp_html = ` <tr>
                                          <td>${rack_name}</td>
                                          <td>${rack_cnt}</td>
                                          <td>${parking_cnt}</td>
                                      </tr>`
                      $('#names-q1').append(temp_html);

                  }
              }
          })
      }
  </script>

2. 거치된 (사용가능한) 따릉이 수량이 5개 미만인 경우 빨간색으로 표시하기

  • 사용코드

    <style>
.bad{
  color : red;
}
</style>
<script>
function q1() {
        $('#names-q1').empty();
        $.ajax({
            type:"GET",
            url : "http://spartacodingclub.shop/sparta_api/seoulbike",
            data:{},
            success:function (response){
                let rows = response['getStationList']['row'];
                for (let i = 0; i <= rows.length; i++) {
                    let rack_name = rows[i]['stationName'];
                    let rack_cnt = rows[i]['rackTotCnt'];
                    let parking_cnt = rows[i]['parkingBikeTotCnt'];
                    let temp_html=``
                    if(parking_cnt < 5){
                        temp_html = ` <tr class="bad">
                                        <td>${rack_name}</td>
                                        <td>${rack_cnt}</td>
                                        <td>${parking_cnt}</td>
                                    </tr>`
                    }else{
                        temp_html = ` <tr>
                                        <td>${rack_name}</td>
                                        <td>${rack_cnt}</td>
                                        <td>${parking_cnt}</td>
                                    </tr>`
                    }

                    $('#names-q1').append(temp_html);

                }
            }
        })
    }
</script>

Quiz_Ajax연습하기2

강아지 랜덤 사진 API를 사용하여 랜덤으로 사진을 변경해 보자! (원래는 고양이임)

  • 사용한 API : https://api.thedogapi.com/v1/images/search -> dog를 cat으로 입력하면 고양이랜덤사진 나옴
  • 사용한 코드
    <script>
  function q1() {
     $.ajax({
            type: "GET",
            url: "https://api.thedogapi.com/v1/images/search",
            data: {},
            success: function (response) {
              let imgurl = response[0]['url'];
              $("#img-cat").attr("src",imgurl);
            }
        })
  }
</script>

  • 출력화면

    💢 <img src>를 변경할 때는 `$('#img태그 id명').attr("src",imgurl);을 사용한다(구글검색)

숙제

  1. 1주차에 숙제로 만든 토토로 무드등 판매 페이지에서 환율 API를 활용하여 실시간 환율 표시하기

  2. 환율은 로딩 하자 마자 바로 호출하기

    🛑HINT🛑로딩 후 호출은 : $(document).ready(function(){ alert('다 로딩됐다!') }); 이런식 으로 사용이 가능하다.

  • 사용코드
    <!doctype html>
<html lang="en">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
    integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
    crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"></script>

<title>스파르타코딩클럽 || 1주차 숙제</title>
<link href="https://fonts.googleapis.com/css2?family=Gaegu&family=Hi+Melody&display=swap" rel="stylesheet">
<style>
    *{
        font-family: 'Gaegu', cursive;
        font-family: 'Hi Melody', cursive;
    }
    .img1{
        width: 500px;
        margin: auto;
        padding-top: 200px;
    }
    .text1{
        width: 500px;
        margin: auto;
    }

    .input-group {
         width: 500px;
        margin: auto;
    }
    .btn{

         margin: auto;
         width: 100px;
        display: block;

    }
    .rate{
        color: mediumblue;
        font-weight: bold;
    }
</style>
<script>
    $(document).ready(function () {
        getrate();
    });
    function getrate(){
        $.ajax({
            type: "GET",
            url: "http://spartacodingclub.shop/sparta_api/rate",
            data: {},
            success: function (response) {
               let now_rate = response['rate'];
                $("#now_rate").text(now_rate);
            }
        })
    }
    function order(){
        alert("주문 완료 =) 고맙토토 ");
    }

</script>

</head>

<body>

    <div class="img1">
        <img src="https://shop2.daumcdn.net/thumb/R500x500/?fname=http%3A%2F%2Fshop2.daumcdn.net%2Fshophow%2Fp%2FZ11916484731.jpg%3Fut%3D20210127004621">
    </div>
    <div class="text1">
       <h1> 토토로 무드등을 팝니다!</h1><h4><span class="price">가격 : 12,000원 / 개</span></h4>
        <h5> 토토로 무드등을 켜놓고 잠을 자면 귀여움이 X4배 꿈에서도 귀여운 메이와 토토로와 함께하세요~ 아 물론 쟤는 메이 말고 왜 센인 것 같지? 아무튼 하나 사가세요~</h5>
        <p class="rate">달러-원 환율 : <span id = now_rate>111원</span></p>
    </div>


    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <span class="input-group-text" id="name">주문자 이름</span>
        </div>
        <input type="text" class="form-control" aria-label="Default" aria-describedby="inputGroup-sizing-default">
    </div>

    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <label class="input-group-text" for="inputGroupSelect">수량</label>
        </div>
        <select class="custom-select" id="inputGroupSelect">
            <option selected>-- 수량을 선택하세요 --</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
        </select>
    </div>

    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <span class="input-group-text">주소</span>
        </div>
        <input type="text" class="form-control" aria-label="Default" aria-describedby="inputGroup-sizing-default">
    </div>
    <div class="input-group mb-3">
        <div class="input-group-prepend">
            <span class="input-group-text">전화번호</span>
        </div>
        <input type="text" class="form-control" aria-label="Default" aria-describedby="inputGroup-sizing-default">
    </div>
    <button type="button" onclick="order()" class="btn btn-order btn-primary">주문하기</button>

</body>

</html>
  • 만든 화면 출력
  • 새로고침시 변경되는 화면사진
]]> <![CDATA[앱개발_1주차]]> https://velog.io/@mjin_k/%EC%95%B1%EA%B0%9C%EB%B0%9C1%EC%A3%BC%EC%B0%A8 https://velog.io/@mjin_k/%EC%95%B1%EA%B0%9C%EB%B0%9C1%EC%A3%BC%EC%B0%A8 Sun, 13 Mar 2022 14:11:07 GMT

목표

  1. 앱의 기본적인 동작 구조를 공부한다.
  2. 하이브리드 앱과 React Native에 대해 간략히 살펴본다.
  3. Javascript 기초 문법을 익힌다.
  4. 앱 개발에 자주 쓰이는 Javascript 내용을 연습한다.

Javascript

  • 웹 사이트에서 움직이는 그림을 뜻하는 작고, 가벼운 언어이다.

  • 자바크립트로 웹,앱을 만들 수 있다( React Native가 자바스크립트를 기반)

콘솔창

console.log(변수)는 콘솔 창에 괄호 안의 값을 출력해 준다. (❗개발자가 결과갑을 보기 편하도록) ex) console.log("hello") => hello

변수

  • let은 변수를 선언(생성)하겠다는 명령
  • 변수에 담긴 숫자 값이면 console.log()에서 사칙 연산도 가능하다.
  • 변수에 담긴 문자를 문자열로 바꿀 수 있다.
    • 예시코드
      let first = "jini"
let last = "kang"
console.log(first + last)
=> jinikang
console.log(first + " " +last)
=> jini kang

변수의 이름을 정할 때의 규칙

  • camelcase = firstName
  • snakecase = first_name

변하지 않는 변수(상수)선언

  • 일반적으로 let으로 변수를 선언
    • const로 변수 선언시 값 변경이 안됨(상수)
      • 값이 변경 되면 안 되는 값을 선언할 때 사용하면 안전하게 사용이 가능 하다.
      • 그림예시

리스트(배열) & 딕셔너리(객체)

리스트

  • 변수는 값을 하나만 담고 있는데 리스트는 값을 여러가지(자료형도 다르게 가능) 담을 수 있는 그릇
    • 리스트의 순번은 0부터 시작된다.
    • 그림예시

  • 기존 생성된 리스트 값 뒤에 새로운 값을 넣고 싶을때는 .push함수를 사용한다.

    • 사용예시
      let a_list = [1,2,3,4,'jini',6,'kang']
console.log(a_list[4])
=> jini
a_list.push('sparta')
a_list 
=>  [1, 2, 3, 4, 'jini', 6, 'kang', 'sparta']
0: 1
1: 2
2: 3
3: 4
4: "jini"
5: 6
6: "kang"
7: "sparta"
length: 8

  • .length함수를 이용하여 리스트의 길이를 확인 할 수 있다.

    ✔ 유의할 점 : 리스트의 첫번째 값은 리스트의 [0]부터 센다

    딕셔너리

  • 키(key) : 값(value)가 한 묶음으로 관리 할 수 있는 객체

  • 많은 정보를 한번에 담아서 관리할 수 있다.

  • 딕셔너리를 화룡ㅇ하면 고객 별로 정보를 묶을 수 있다.

    • 예시 코드
      let customer_1 = {'name': '김스파', 'phone': '010-1234-1234'};
let customer_2 = {'name': '박르탄', 'phone': '010-4321-4321'};

  • 순서를 나타내기 위해 리스트를 사용하면 깔끔하게 사용할 수 있다.

    • 예시코드
      let customer = [
{'name': '김스파', 'phone': '010-1234-1234'},
{'name': '박르탄', 'phone': '010-4321-4321'}
]

❗ []괄호와 {}괄호 헷갈리지 않기 ✔[]괄호안에 {}괄호 포함됨

  • `.push를 이용하여 정보를 추가할 수 있다.

    • 예시코드
      names.push({"name":"jini3","age":30})

  • 딕셔너리에 저장된 순번의 값을 가져오고 싶을때는 순서를 입력후 가져올 수 있다.

    • 예시코드
      ㅜnames[1]["age"]
=> 29

JSON 데이터 구조

  • 리스트와 딕셔너리가 복합적으로 존재하는 데이터 구조가 JSON 데이터 구조이다.
    • 예시 그림(JSONView 설정 후 모습) ✔ 큰 딕셔너리 값 안에 딕셔너리 또는 리스트가 얽혀있는 모습이다.
      • 예시 그림(JSONView설정 전 모습)

자바스크립트 기본 제공 함수와 함수를 만드는 방법

나눗셈에 나머지 값을 구하고 싶은 경우에는 %연산자를 사용한다

  • 예시코드
    let a = 20
let b = 7
console.log(a%b)
=> 6 (나머지 값)
console.log(a/b)
=> 2.857142857142857(몫)

자바스크립트에서 소문자를 대문자로 변경하기

  • .toUpperCase()를 사용한다.
    • 예시코드
      let myname="kangjini"
console.log(myname.toUpperCase());
=> KANGJINI

@를 기준으로 문자열을 나누기(split(),substr()..등)

  • split()함수에 구분하고 싶은 문자열을 넣음
    • 예시코드
      let email = "jini_kang@gmail.com";
console.log(email.split("@"));
=> ["jini_kang","gmail.com"]

  • 어떤 도메인을 사용하는지 알고 싶을때는 순서를 입력해 준다.

    • 예시코드
      let email = "jini_kang@gmail.com";
console.log(email.split("@")[1]);
=> gmail.com

  • .com인지 알고 싶을때는 다시한번 잘라준다

    • 예시코드
      let email = "jini_kang@gmail.com";
console.log(email.split("@")[1].split(".")[1]);
=> com

잘랐던 문자열 다시 합치기(join(),concat()함수 사용)

  • join()함수
    • 예시코드
      let text = "서울시-마포구-망원동";
let names = text.split("-");
console.log(names);
=> ["서울시","마포구","망원동"]
console.log(names.join('>'));
=>"서울시>마포구>망원동"

조건문과 반복문

조건문

  • if와 else if를 사용하여 나이에 따른 호칭 알아보기
    • 예시코드
      function is_adult(age){
if(age > 20){
    console.log("성인")   
}else if(age > 10){
   console.log("청소년")
}else{
   console.log("애기")
}
}
is_adult(30)
=> 성인
is_adult(17)
=> 청소년
is_adult(7)
=> 애기

AND 조건과 OR 조건

  • AND연산자는 양쪽이 다 "참(true)" 이여야 한다.
    • OR연산자는 어느 한쪽이라도 "참(true)"이면 실행된다.
// AND 조건은 이렇게
function is_adult(age, sex){
if(age > 20 && sex == '여'){
alert('성인 여성')
} else if (age > 20 && sex == '남') {
alert('성인 남성')
} else {
alert('청소년이에요')
}
}

// 참고: OR 조건은 이렇게
function is_adult(age, sex){
if (age > 65 || age < 10) {
alert('탑승하실 수 없습니다')
} else if(age > 20 && sex == '여'){
alert('성인 여성')
} else if (age > 20 && sex == '남') {
alert('성인 남성')
} else {
alert('청소년이에요')
}
}

is_adult(25,'남')

반복문

  • 반복문을 사용하면 노가다 없이 간단하게 출력할 수 있다.
    • 예시코드(i가 0일때부터 10보다 작을때까지 증가하며 출력)
      for(let i=0; i<10; i++){
console.log(i)
}
❗ for(시작조건; 반복조건; 증감){
    조건문
}
- 실행순서는 시작조건확인, 반복조건 확인, 조건문실행, 증감후 반복조건확인 해당 내용 반복으로 실행됨

1_연습문제(리스트에 들어있는 값을 하나씩 출력하기)

  • 코드
    문제
let peple = ["철수","영희","민수","형준","기남","동희"]


     풀이
     for(let i=0; i <= peple.length; i++){
            console.log(peple[i])
        }

2_연습문제(리스트에 들어있는 딕셔너리의 값을 하나씩 출력하기)

  • 코드
    문제
let scores = [
{'name':'철수', 'score':90},
{'name':'영희', 'score':85},
{'name':'민수', 'score':70},
{'name':'형준', 'score':50},
{'name':'기남', 'score':68},
{'name':'동희', 'score':30},
]
풀이
for (let i = 0 ; i < scores.length ; i++) {
console.log(scores[i]);
}

// 이렇게 하면 리스트 내의 딕셔너리를 하나씩 출력할 수 있다.

문제 반복문과 조건문을 이용하여 70점보다 작은 점수인 사람의 이름과 점수를 출력하라 let scores = [ {'name':'철수', 'score':90}, {'name':'영희', 'score':85}, {'name':'민수', 'score':70}, {'name':'형준', 'score':50}, {'name':'기남', 'score':68}, {'name':'동희', 'score':30}, ] 풀이 for(let i=0; i<scores.length;i++){ if(scores[i]['score'] <70){ console.log(score[i]) } } =>{name:"형준",score:50} {name:"기남",score:68} {name:"동희",score:30}


### Javascript 기초 연습하기
####  반복문과 사칙연산을 활용하여 연습해보기
 - 문제 : 0부터 n-1까지 더하는 함수를 만들어보자
   - 코드

function sum(n){ let sum = 0; for(let i=0; i<n; i++){ sum += i;
} return sum } let result = sum(100) console.log(result) =>4950

함수 정의

  • 함수를 선언하기 위해서 funcion()키워드를 사용했지만 화살표 함수(Arrow Function)문법으로도 선언이 가능하다.
  • 기존 방식 코드
    let a = function(){
  console.log("function");
  }
 a();
  • Arrow Fuction 사용코드
    let a = () => { 
  console.log("arrow fuction");
  }
 a();

딕셔너리 키 값을 빠르게 꺼내는 방법

  • 예시코드 ``` //객체 let blog = { owner : "noah", url : "noahlogs.tistory.com", getPost() { console.log("ES6 문법 정리"); } }; //기존 할당 방식 let owner = blog.owner let getPost = blog.getPost() //비구조 할당 방식 let { owner, getPost } = blog; //각각 blog 객체의 owner , getPost() 의 데이터가 할당 //blog의 키 값과 이름이 같아야 해요! //(예 - owner가 아니라 owner2를 넣어보세요! 아무것도 안 들어온답니다.)
    • 앞으로 리액트 네이티브 앱을 만들며 가장 많이 사용할 방식** //함수에서 비구조 할당 방식으로 전달된 딕셔너리 값 꺼내기 let blogFunction = ({owner,url,getPost}) => { console.log(owner) console.log(url) console.log(getPost()) } blogFunction(blog)
#### javascript안에서 줄바꿈을 자유롭게해주는 리터럴!
- `백틱(ESC키 아래 shift 없이 ~키)`을 이용하여 문자열을 + 기호 없이 간단하게 처리할 수 있다.
  - 코드예시

let name = "JINI" //기존 방식 ↓ let str = "제 이름은" + name + "입니다."; console.log(str); =>제 이름은JINI입니다.; // 백틱을 사용하여 +없이 붙여서 출력하는 방식 ↓ let str2 = 제 이름은 ${name}입니다.; console.log(str2); => 제 이름은 강미진입니다.

  • 백틱안에서는 여러줄의 줄바꿈도 자유롭게 사용이 가능하다.
    • 코드예시
      const id = "myId" ;
const url = `http://noahlog.tistory.com/login/${id}` ;
const message = "줄바꿈을 하려면 \n 이 기호를 써야 했죠!"
const message = ` 줄바꿈도 마음대로
사용이 가능합니다. `

딕셔너리를 짧게 만들어 보기

  • 기존에는 객체를 생성할 때, 필드명과 대입할 변수명이 같은 상황에서 코드를 작성하였다.

    • 코드예시

      var name= "Jini";
var job = "developer";

var user = {
   name : name,
   job : job
}
console.log(user);
// 출력결과 => {name : "Jini",job : "developer"}

연결연산자 map()함수와 module system

map()함수

  • map()은 리스트의 길이를 몰라도 리스트 안에 몇번째에 있는 값인지 순서를 알려준다.
    • 예시코드
      let num_list = [1,2,3,4,5,6,7]
num_list.map(function(value,i){
console.log(value,i)
})
//결과값 => 
1 0
2 1
3 2
4 3
5 4
6 5
7 6

module system - 자바스크립트 파일의 모듈화

  • 특정한 파일에서 정의한 값, 함수 또는 객체(딕셔너리)를 다른 자바스크립트 파일에서 불러서 사용할때 사용하는 개념이 모듈 시스템이다.

  • export는 자바스크립의 값, 함수, 객체(딕셔너리) 또는 자바스크립트 파일 자체를 외부로 보내는 키워드이다.

    • 예시코드(util.js)
     export fuction times(x){
     return x*x;
 }
 export fuction plusTwo(number){
     return number + 2;
 }

- `import`는 반대로 자바스크립트 파일 안으로 가져오는 키워드이다.
  - 예시코드(index.js)

    import {times,plusTwo} from './util.js'; console.log(times(2)); console.log(plusTwo(3));

    • export default 키워드를 앞에 둔 함수가 있다면 함수의 원래 이름은 times지만 가지고 올때는 원하는 이름으로 가져올 수 있다.
    • 예시코드
      // in util.js
export default function times(x) {
return x * x;
}
// in app.js
import k from './util.js';
console.log(k(4)); // returns 16

✔ export default로 선언한 함수는 해당파일에서 유일해야하며, 가져올때는 이름을 달리해서 가져와서 사용할 수 있다.

숙제

  1. 문제 : map() 함수를 이용하여 딸기가 몇 개 인지를 구해보자!

  • 문제코드

    let fruit_list = ['사과','감','감','배','포도','포도','딸기','포도','감','수박','딸기']
let count = 0;
for (let i = 0; i < fruit_list.length; i++) {
let fruit = fruit_list[i];
if (fruit == '딸기') {
count += 1;
}
}
console.log(count);

  • JINI답안코드

    let fruit_list = ['사과','감','감','배','포도','포도','딸기','포도','감','수박','딸기']
let count = 0;
fruit_list.map(function(value,i){
  if(value == "딸기"){
      count += 1 ;
  }
  console.log(count);
})
=> 결과값 = 2

  • 쌤 답안코드

    let fruit_list = ['사과','감','감','배','포도','포도','딸기','포도','감','수박','딸기']
let count = 0;
fruit_list.map((f)=>{
if(f == "딸기") count += 1
})
console.log(count)
  1. 이메일 판별하기 indexOf를 이용하여 풀어보자!
    • 문제 : jini#gmail.com으로 썼다면 이메일인지 아닌지 확인해보자
    • indexOf는 배열 내의 요소의 최초의 인덱스. 발견되지 않으면 -1이다.
    • JINI정답코드
      function checkEmail(email){
if(email.indexOf('@') < 0 ){
   console.log("이메일이 아닙니다.");
}else{
   console.log("이메일이 맞습니다");
}
}
checkEmail("jini#gmail.com");
=> 출력코드 = 이메일이 아닙니다.
checkEmail("jini@gmail.com");
=> 이메일이 맞습니다
  1. 이메일 정규표현식을 이용하여 구현해 보자!
  • 이메일검증 정규표현식 = /^0-9a-zA-Z@0-9a-zA-Z.[a-zA-Z]{2,3}$/i;
    • 답안코드
      function checkEmail(email){
var emailExp = /^[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*@[0-9a-zA-Z]([-_.]?[0-9a-zA-Z])*.[a-zA-Z]{2,3}$/i;
if(!emailExp.test(email)){
    console.log("이메일이 아닙니다");
}else{
    console.log("이메일이 맞습니다");
}
}
checkEmail("jini123@gmail.com"); => 이메일이 맞습니다
checkEmail("jini#123@gmail.com"); => 이메일이 아닙니다

```

]]> <![CDATA[웹개발_1주차 / HTML 기초]]> https://velog.io/@mjin_k/1%EC%A3%BC%EC%B0%A8-HTML-%EA%B8%B0%EC%B4%88 https://velog.io/@mjin_k/1%EC%A3%BC%EC%B0%A8-HTML-%EA%B8%B0%EC%B4%88 Sun, 13 Mar 2022 06:42:13 GMT

수업 목표

  1. 서버와 클라이언트의 역할에 대해 이해한다.
  2. HTML, CSS의 기초 지식을 이해한다. 부트스트랩을 가져다 쓸 줄 안다
  3. Javascript 기초 문법을 익힌다.

웹의 동작 개념(HTML을 받는 경우)

  • 서버에서 미리 준비해둔 데이터를 받아서 화면에 출력해줌
  • 브라우저는 요청을 보내고, 받은 HTML파일을 화면에 출력하여 사용자에게 보여줌

?? : 브라우저는 서버가 만들어놓은 "API"라는 창구에 미리 정해진 약속대로 요청을 보냄

ex) https"//naver.com/ => naver.com이라는 이름의 서버에 있는 "/" 창구에 요청을 보냄

HTML태그

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>스파르타코딩클럽 | HTML 기초</title>
</head>

<body>
    <!-- 구역을 나누는 태그들 -->
    <div>나는 구역을 나누죠</div>
    <p>나는 문단이에요</p>
    <ul>
        <li> bullet point!1 </li>
        <li> bullet point!2 </li>
    </ul>

    <!-- 구역 내 콘텐츠 태그들 -->
    <h1>h1은 제목을 나타내는 태그입니다. 페이지마다 하나씩 꼭 써주는 게 좋아요. 그래야 구글 검색이 잘 되거든요.</h1>
    <h2>h2는 소제목입니다.</h2>
    <h3>h3~h6도 각자의 역할이 있죠. 비중은 작지만..</h3>
    <hr>
    span 태그입니다: 특정 <span style="color:red">글자</span>를 꾸밀 때 써요
    <hr>
    a 태그입니다: <a href="http://naver.com/"> 하이퍼링크 </a>
    <hr>
    img 태그입니다: <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" />
    <hr>
    input 태그입니다: <input type="text" />
    <hr>
    button 태그입니다: <button> 버튼입니다</button>
    <hr>
    textarea 태그입니다: <textarea>나는 무엇일까요?</textarea>
</body>

</html>

퀴즈(간단한 로그인 페이지 만들어보기)

  • 사용코드

    <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>로그인페이지</title>
</head>
<body>
<h1>로그인 페이지</h1>

<p>ID : <input type="text"/></p>
   <!-- <p>PW : <input type="password"/></p> -->
<p>PW : <input type="text"/></p>
<!-- <p><input type="submit" value="로그인하기"/></p> -->
<button>로그인하기</button>
```

CSS

  • 폰트나 외향을 변경하고 싶을때 사용
  • <head>안에 <style>태그를 사용 ❗단 <body>안에 class를 먼저 선언 후 <style>태그에서 .클래스명으로 사용 가능
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>로그인페이지</title>
    <style>
        .mytitle{
            color: red;
        }
    </style>
</head>
<body>
    <h1 class="mytitle">로그인 페이지</h1>
    <p>ID: <input type="text"/></p>
    <p>PW: <input type="text"/></p>
    <button>로그인하기</button>
</body>
</html>

설명 : <h1> 태그에 명찰을 달아준것을 <style> 에서 달아준 명찰을 지칭후에 설정을 변경 할 수 있음

자주쓰이는 CSS

  • css를 사용하여 로그인 화면 바꾸기(사진1)

  • 사용코드

    <!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>로그인페이지</title>
    <style>
        .mytitle {
            background-color: darkgreen;
            width: 300px;
            height: 200px;
            color: white;
            text-align: center;

            background-image: url("https://www.ancient-origins.net/sites/default/files/field/image/Agesilaus-II-cover.jpg");
            background-size: cover;
            background-position: center;

            border-radius: 10px; <!-- 모서리의 둥근정도 --> 
        text-align: center;
            padding-top: 40px;
        }
        .wrap{

            width: 300px;
            margin: auto; <!-- 양쪽 여백을 동등하게 준다-->

        }
        .mybtn{
            width: 100px;
            margin: auto;
            display: block; <!--글 속성을 박스속성으로 변경해준다-->
        }

        .red-font{
            color: red;
            font-size: 15px;
        }
    </style>
</head>
<body>
<div class="wrap">
    <div class="mytitle">
        <h1>로그인 페이지</h1>
        <h5>아이디, 패스워드를 입력 해주세요</h5>
    </div>

    <p>ID: <input type="text"/></p>
    <p>PW: <input type="text"/></p>
    <button class="mybtn red-font">로그인하기</button>   
              <!-- class를 두개 사용할때는 띄워쓰기로 구문 -->
</div>
</body>
</html>

폰트, 주석, 파일 분리

폰트

폰트 변경하기 URL

  • 링크에 들어가서 마음에드는 글씨체를 고른 후 +select this style을 선택한 뒤 코드에서 link 에 있는 코드를 복사하고 내 코드로 돌아와서 <title> 밑에 붙여넣기
<head>
        <meta charset="UTF-8">
         <title>로그인페이지</title>
        <link href="https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap" rel="stylesheet">
        <style>

  • 마지막으로 다시 링크에서CSS rules to specify families` 안에 있는 코드 복사

  • 내 코드에서 <style> 아래 * {}안에 붙여넣어 준다.

    <head>
      <meta charset="UTF-8">
      <title>로그인페이지</title>

     <link href="https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap" rel="stylesheet">

      <!-- * {} 는 모든 태그에 적용한다는 의미 -->
      <style>
          * {
              font-family: 'Hi Melody', cursive;
          }
        </style>

 - 폰트 변경 된 비교사진
 ![](https://images.velog.io/images/mjin_k/post/b175fbf5-910a-48dc-946c-a5cd6afe9e2a/image.png)


#### 주석
  - `ctrl+/` 단축키를 사용하여 주석 처리,해제가능

#### 파일분리
  1. (frontend)라는 프로젝트명 => 오른쪽 클릭 => NEW => Stylesheet => `mystyle.css`를 생성 
  2. 기존에 있던 `<style>`코드를 잘라서 `mystyle.css`에 붙여넣기
  3.`style.css` 파일을 같은 폴더에 만들고, `<head>` 태그에서 불러오기 =
`<link rel="stylesheet" type="text/css" href = "(css파일이름).css">`

### 부트스트랩

#### 부트스트랩 시작 템플릿코드
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
    integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
    crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"></script>

<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>

이걸로 시작해보죠!

```

부트스트랩 컴포넌트(4.0)

  • https://getbootstrap.com/docs/4.0/components/alerts/

  • 부트스트랩 컴포넌트에서 필요한 버튼, 텍스트박스 등 css를 가지고 와서 사용한다

  • 부트스트랩이 미리 css를 작성해뒀기 때뭔에 가능함 (ex:btn과 btn-primary라는 class를 미리 정의)

부트스트랩을 이용해서 페이지 만들기

-만들기 예시 사진

  • 사용코드(부트스트랩 시작 템플릿코드)
    <!doctype html>
<html lang="en">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
      integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
        integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
        crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
        integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
        crossorigin="anonymous"></script>

<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>
<style>
    .wrap{
        width: 900px;
        margin: auto;
    }

</style>
  • 내용코드
    <body>
<div class="wrap">
    <div class="jumbotron">
        <h1 class="display-4">Hello, world!</h1>
        <p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to
            featured content or information.</p>
        <hr class="my-4">
        <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
        <p class="lead">
            <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
        </p>
    </div>
    <div class="card-columns">
        <div class="card">
            <img class="card-img-top" src="https://jmagazine.joins.com/_data/photo/2019/02/838745483_JsSHRqf8_1.jpg" alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title">Card title that wraps to a new line</h5>
                <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional
                    content. This content is a little bit longer.</p>
            </div>
        </div>
        <div class="card">
            <img class="card-img-top" src="https://jmagazine.joins.com/_data/photo/2019/02/838745483_JsSHRqf8_1.jpg" alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title">Card title that wraps to a new line</h5>
                <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional
                    content. This content is a little bit longer.</p>
            </div>
        </div>
        <div class="card">
            <img class="card-img-top" src="https://jmagazine.joins.com/_data/photo/2019/02/838745483_JsSHRqf8_1.jpg" alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title">Card title that wraps to a new line</h5>
                <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional
                    content. This content is a little bit longer.</p>
            </div>
        </div>
        <div class="card">
            <img class="card-img-top" src="https://jmagazine.joins.com/_data/photo/2019/02/838745483_JsSHRqf8_1.jpg" alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title">Card title that wraps to a new line</h5>
                <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional
                    content. This content is a little bit longer.</p>
            </div>
        </div>
        <div class="card">
            <img class="card-img-top" src="https://jmagazine.joins.com/_data/photo/2019/02/838745483_JsSHRqf8_1.jpg" alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title">Card title that wraps to a new line</h5>
                <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional
                    content. This content is a little bit longer.</p>
            </div>
        </div>
        <div class="card">
            <img class="card-img-top" src="https://jmagazine.joins.com/_data/photo/2019/02/838745483_JsSHRqf8_1.jpg" alt="Card image cap">
            <div class="card-body">
                <h5 class="card-title">Card title that wraps to a new line</h5>
                <p class="card-text">This is a longer card with supporting text below as a natural lead-in to additional
                    content. This content is a little bit longer.</p>
            </div>
        </div>
    </div>
</div>
  • 결과물

Quiz(나홀로 링크 메모장 만들기)

  • 예시 사진

  • 사용코드

    <!doctype html>
<html lang="en">

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
    integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
    crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"></script>

<title>웹개발 종합반 - 1주차Quiz</title>
<link href="https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap" rel="stylesheet">
<style>
    *{
        font-family: 'Hi Melody', cursive;
    }
    .wrap{
        width: 900px;
        margin: auto;
    }
    .card-title{
        color: blue;
    }
    .card-text2{
        color: mediumblue;
        font-size: 20px;

    }
</style>
<body>
    <div class=" wrap">
        <div class="jumbotron">
            <h1 class="display-4">나홀로 링크 메모장</h1>
            <p class="lead"> 중요한 링크를 저장해 두고, 나중에 볼 수 있는 공간입니다.</p>
            <hr class="my-4">
            <p class="lead">
                <a class="btn btn-primary btn-lg" href="#" role="button">포스트 박스 열기</a>
            </p>
    </div>
        <div class="card-columns">
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,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"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,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"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,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"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBUUFBcVFRQXFxcZGRwaGRgZGRsZGhwaGRsaGRcaGRoaIiwjGh0oHRoZJDUlKC0vMjIyHCI4PTgwPCwxMi8BCwsLDw4PHRERHTMoIyk0MzQ8OjwvMTExOjozMzMzMTM0MTEzMTExMTMxMTExMTExNDExMTExMTExMTExMTExMf/AABEIALcBEwMBIgACEQEDEQH/xAAcAAAABwEBAAAAAAAAAAAAAAAAAQIDBAUGBwj/xABBEAABAwIEAwYCCAQFAwUAAAABAAIRAyEEEjFBBVFhEyJxgZGhBjIUQlKxwdHh8AcjYoIVcpKi8SQzshZDU5PS/8QAGwEAAQUBAQAAAAAAAAAAAAAAAwABAgQGBQf/xAAtEQACAgEEAAUDBAIDAAAAAAAAAQIRAwQSITEFE0FRgWFxsSKRocEU8AYVMv/aAAwDAQACEQMRAD8Aq4QhLhFC3ZibEQhCXCEJD2IhCEuEISFYiEIS4QhIViIQhKhCEhWJhBM4nGsp6mT9kXP6eaqq/GHE5RDPd2k22HoVQ1HiODBxKVv2XLL+n0GfNzFUvd8F04xc2CiVsfTbYEuPJt/fT3WediXPdo4mNXXgxbwR0u0fIJF2xbqNRy/RcfN45N8Y0l9+Tr4vBoLmbb+xaV+K6BoAnnc+g/VTcDX7Sm10ydD4ixWap0QCASTrHPQfqpeHxj6J0BY4yAbG1rRoh6PxSazXmlaa/b4Cazw6HlVhjTT/AN5NCQiIR0nhzQ4XBEjzRwtUmmrRmnadMRCIhLhEQnFY2QihOEJMJEkxEIQlQiISHsTCKEqEITCsRCKEuEUJUSsRCIhLhCEqHsbhFCchFCQ9iIRQlwihIexMIJUI04rLShUDmNcNHAEeYlLhM8OjsaeV2YBrRPgADubz1UmELFNygm/Yp5UozaXuxEIQl5UMqJYMRCEJzIiypWIRCKEp5ABJMAak6Kox3FwO7T33Np/yg/eVV1Osx6eNzfx6lvTaXJqJVBfPoibicWyn8xvsBqfy8SqPiXFXXHyiJyt1I0u78lBfWdUlpkaGSTMbzKJlOcgjfJPiJ8xbbmszqvFMud7Y8L2X9s02k8LxYVulzL/ekFLi9uX5bW6RN+uqHZBrwRe/jGs/fHorAYWwBMi45CIAsPzSsTlBAFzMDobfkVzDpEbDsIk2Bv1MDTXQp6nRBAMTpJJ8PJA4oTDQ3NDpG411R4c5i4EEBttfujaFGyVBGAYnwA8EM0tIgwQRtMkmBz1R4djs0kzchtosnhSk5o0nXc31TWPQfAcTINM7Xb4bj1v5lW8LLMeabw4ag6beH4LU03hzQ4aESFrvB9V5mPy32vwZTxbTeXk3rp/kEJMJZCIhdk5NiIRQnIRQnHsbhFCchEQkSsbhEQnCEmEw9jcIQlwiISHsTCKEqEUJD2JhFCXCKEh7EQhCXCKEh7EQglwgkKyt+EuJS40XAd6S3K0AAgXkDaPda/sly/g2I7Osx0Aw4amBe2u2uq62WLieG55SxuMn0XvEdPFT3L1IwYj7NSMqGVdLeUFiSIxpprEPaxpc4wBupVZzWNLnGA0Ek9AsVxXihrvAaC1sGOnM2308FS1muWnjxzJ9It6TQPPOuorthcU4i6oS1v8Aa2PAyeZi6r+yzFpdd0wYtcG0qRSp90QbXvvHTkEt7gxshogG+p2O4WVyZJ5JOUnbZqMWKGKCjBUkOYekLueN9ALD899UHPaGy46Hr814EJTGnNJ+WAYkzP4JsQ1jRJ+a887z7obYUj8Sx5ZA+truI3t6p6gwvyVDIETHUzcDwTeOwpqP0tzmDsDCs6OHAaGiwiACbwEnVCV2RWUYLnD6068v2U6xhy3/AH6p9jWtGlxMSYtKWyAJy7cvvJ1ULCJDQYWiQL3hIpMLgCQJJM7am/snSS92U2EfsI6dPLJLtzFwLT1UHIfaVuMpZTa+9lP4HirFhMAd4T/uH4+qTVgz3wOV7+yiODHDL2v+0nrzurWl1UtPNTj6FbVaSOeDhI0TazCYDmk8gQUqFn8HTptqMio4nMIAbAMmOa0cLWeGa56uDbVNMyniWiWkmknaaG4RQnIQhdQ5ljUIEJZCIhOSTG4RQpHYO1goqlEt1CjuXRLkjkJMJ0hJIUh0xuEUJwhFCRKxuEIS4RQkPYiEISoQhIexEIkuEaQrOf0WOLgGgl02A1kXERuut8DrOqUGOeHB0QS4AFxbbMIsQdZXIWHwPiuw/DmLbWw1NzW5QBky8svdgdLLK+GyqTVnf10biuCblRZVIyKHxXFdjSfV+yLDm42aPWF15ZFFNv0OZHG5OkZb4s4pfsGGPtH+rUN8on05FU2Fwti4i2vKTzCZotL3lxMyCSed5nxM3UljS7KBoMpGlxJH4LK580s2RyZpcGJYsaiiM7GhoaL3OXX108VMdTtl0GY666KHiMCXhkWi7vNWDzdsjMSTIE8tOqA2kHVsBou0BgAanmiYwNDBredU5UrNFnEDeBf9EwcVmgNGWJuZ8DbzQ3IIok1gBk6dTb9dkkvpiJcPBQ3MqOLu9YNkHTkdP1SGU6Yc0l4JiSBc+g5+Kg2TSH+3awF0EgkwYjUn2TmHpPMvAdaSMznEGRNpt0/4TVOqMrmhhcIsbNi831MKWzEvdEBrQANZcDIAA2/ZQ3Jk1EVhaJcHF9zOgMWsNByvuoWKwzR3S4yHOF7WPUn9yVZ4bDPMHO496ALRoQbeigYrAMALzAixnU31vc8lFS5J7eCCcNTm9Rv+ofglUqVMEAONzEw4+ZtpumXYhjdGE+JA9oKtuGV6bjmZAImQWjcEXFwQiSbSsiopslU8BTGQkOc4FpkaA5hB8JVmQqWli6kAkyO7IgaNMgTFhZXdJ+ZocBqAfXZaP/j2VVOF88MzH/I8ck4TrjlfImECE5CSQtRZl7G4Vrw/ACA54udB0UTB4Yve1vW/gtLUpDSLBVNRmr9KL+kxKdzfSK3E1mA5Rruqqq1z3EwT9yn46kXm2iRQw7iYLrDYJQqMb9R8u6c9r6IdPBiYLhPJS3cLBClDBUwc2/qpFGoyLn1UJ5ZPlWFx4YLiVfuZmrhyHQASk/RzyWocymbiPFQcS1sEgab7IkM8nxRDJp4xVplE6nCRCkVCmwVbV0U0xohFCdddJhOSTG4QS4QSHs5quz/C9OkMLTFJwc0AZiInOQHOzR9a49lxiV13+HbHfQxmYW99xaTo9pvmHK8j+1ZDQyqb+xptXG4I0PZputQa5pa8NLTqHAEeYNlMyLP/ABdxCnTpGi4PzVWEtLQIlpFjJ/BdLLlUYNso48blJJHP3w14p2kmSRES0ZrdIH3KXSbDYGgDb8+iafhwHZzbK11upaAfvSO1zQ1th9rqB7BZiTo0cVYsYhrWtbMkgGBfafJIc99QgZQ1o0/uMEg7p4UWNj6zpHdHqZO3n6Ii1/1n5W5RIbA3nXWEJsKohOw7GA5nS8iMtzodhtpv6JttR5kNYG2+tfoYHkE2a4B7rZaSJ5zzjUq0c3KeXdGttfv1UG6JpFe5zdXlz9B0sNgLKy4Rh2VMrmwRfbTUaJPDuEnEVBTYYAu8/ZHTmVqqXw/TouinOUgl2YzLzaT5AaJ3jk8Ty+idEVkj5qx+rVmYr4bK2ANR3o9lGZwarVvTpujQOJAFtxmMnyWifwtwIgkgiNZ9P3utM2kGgACAAAByAVnw3TR1EpOTaSror+I6mWnitqTbv+DJcMwlSk1rKkF+a/1rQ7LI311HIqO7+Y5jQ13ee4OB008dgStsKJOUgRe53tNlGxeDGZhI0JI8Yj8lTyQitZ5S6uv5LcMknpPNfdX/AAZ2j8MUQO+C88yS0eQaR7pv/AadN+anIDmkFpuAbEQXefPZajIm30SbAE9ACT7LT67T4YaWW1JUvkzWh1Oaeqjuk2m/j9jIU8OXMBi0Xi3hqrXhrRlLeVx4HX3+9SW8Hq06bc9Nw7s2ExF7xMecJrDgNg8jB8D+5WY8O1n+PqYt9XT+zNJ4jpFqdNKK5fa+6HH002QpjnN5hR3gHcDxIb9+q9BepglcpJL7nnktLkbqMW37JD3DX5agKt6mMl7W7FU+HrhsSARzBB9wrFr25mwB/wAoU9s2prlVwyxgcoR2Php8pqn9heK1n6oVR20uiTEq3xZhpGx1/RULjyRcCtENXNqSQ9VxZiG90D1KjTOpRFEArMYpdFRzcu2WbcP3GwYHOYlQsZWJMA90aAaIq1dzgAdBoEyQowg07YSeVNUhshFCchFCMDsbhFCchJISHsTCCVCCQ9nMmuIuLELq38NeKOrUn0nvaTTIyiwdlOpMagO36rk4XaP4ZcNpswTajYc+o5xe6LjKcoZMTAiY5uKxembU+DXZ0nA02RY74+ow7D1NgXtNjFw1wM6D5T1v0Mb3IsB/ErFNLqVFs5wC93INdYA7yS0nwHURZ1eReU7BaaD8xUYqtW7QmTDATc/j7IObmByyxgiNnHX0CYY8EX0GjY2kS93VNYB+d7yZuLf6ht5riV6nZTS4F4isQYZYC3prKsMc0xMT3WT/AMKEMK51QsFwTF97xdaPGUrvAG4tM2vYbqEuEiUHdjnwVwhlaqajwC1gkNO5Ji43A++FLbw4ZdC7ujwU34VxQo9pmZZzRBBHzDQHkIKkCoJie6BqDPih6jJDZFR75v8AonhhPfJy64r+w/hbBim58H6otbz62t6rQOpSZjQX91UYOqGvhtMyRrckj8FaCs4gEAQ6QfLpabIctenp/Ir1ux46StR51+lUNVcE5xblaf2VJ+jHeyDQ/uy6J2A6xvOyDsOREuOhGpEm99Y5Ien12XTxax+pPUaPHnac/Qfw1IN1MgRFt75rzyj3TdVtMi7mk8s0fddJ+i0nlp7pLQJMtkQdwErE4imGucCHCC7uhzuR2F9JQJ5Zzn5jf6ru+uQkMcYx8tddUJFFoH/tjrlc7w1KKqKYa5ucNLgRLaUG/Lzg+Sr28ZZFmVDvZkf+RCQOJl0RRqQTqez9YDyT5AnxTy1WWfEpN/dkoaTHDmMUvsiU3EMaSTUeZGkNj3UStjaZ0dV691ot0sl4xpa3OxzajY70HJEzBBymZ9lT1cW7/wCNn91U7dcl9EENV8kmviqehNUz/VHXQaKDiW0fmeyoTEfM7eJjkLIPruP1KW+r3E2/sSsC6XtdVDQzNBiSTYkSDBLbRYHXTcET+ozihGBr0i40203buJLjA0H5WVkyu1oNrqPxPiVCmYb2bcwluWA7WO8NtJAMa7XWZbxeobzTHQvbMbSQ/WFrfDdbjw6ZeY27fV3S+xkfE9FmzamTwxSpLmqt/c1zMUXAzAUCrBJj3WepcaqMnM0VJuD2lMR0ETPmiPGK7ySynlbsC0uPqF04+K6aMdyb+1HKn4Tq5y2tLj1vhl/CIhV1LjAkdpTdTG7joOU2VjTeHCWkEcwZXQwavFmVwlZzs+kzYHWSNfgTCKE5CKFZsr2NkIQlkIiFKx0xEJJCcyoZU9j2NQgnIQSHs5UB+a7z/DTDPbw6lnESXub/AJHPJBPK8rg8rvP8JWj/AA1nen+ZUMSDl70RH1dJjrO6xOGVSNpNWjVimuMfG73HH1wdM7GHnl7NkAeJXcsi5L/E3hpbjGPY0ntmsceU0yWk/wCkNlPqpXAfTqpmK7OalQAWECN4zBSOG4IsaakCCQ0AnkQSY5WV9w/gziXOLZLiDN9NQPW89FIdhqQOR13RLWi7rEaAXjVcaepj1E6sML7ZT4emGuzXqEmRAgXMqwYyo5znNhhOoJNgPuKkYh+VuYU8rQ2ZMBxvs0dRuVW0seHMzue65jK3uyLz8tz67obk5chVFR4J/ZgTnqRaRMCf34KywFSmHd3M+IsxsAka958NN/xVBgMTTe4tyCZ0IEgfVcOd48JVrh64ZmymDJAJFtR+qFOLCxaL9mKfLctNrQ0WzOLjtq1oA91Ld2hZkLmgNeBnY3vOHg4ENMyPrTAO8DCcXxr6Te0FZwcCMomQ4i8ZBYi3ktDT4i99MOc0tL8hg2LSQJaPMobxtR3EoyTlReYlzGNBqVKhtbvkXHIMj7lTYfj2FFQMqQHkwDUa655Z3yB5kJvF8QY1jszz3AQTuIuVzjinEXVpmzZ7rYEjlJ1nwsiYMHmPnobLk2Lg7GMUzMYblJBaYGwvEac1PGJZkzESLty8xofK5WK+HMX2jKQc4kljWySMxgZTrqYA9FN4txE0KLi0SW0wWzs5xOt7i8+yF5bUq+B3KLjZn+LcZqYeo5mVmUaTPebsZnWOitvh3jNPFiACx7dWzMcoO4/fjz+tXLnZnuzOOrjcn98lY/ChAxDg05QacyNQQ5thyH5K1PSw8t8cohHUS3rnhnRMDXZ2YJuMoH79FiuOcdhxDCGN2mC49b6BWlB5fSsTOSwG5iwusfxrhVOl81cuqE94Bth/xpCHpsMHL9X4JajLKMf0/kfw3xHUaQQ4OA+qQNPECQtVVx7KtKm9u7hrtqCD1BXNTTj5XA9Rb1B0Wq4e+MPTJ1D412k7eas6jBBJOKK2nzzlakWPEYe3LElskGbgqmp0CZ7pPUgqyxNSHNOxJlWeEry0EuO4jwAhDxvaieRWzLYmgIEmOXT2RUGBsi3j+wrDitRlN3fIk3AF5Bm6j4PFUXmJgnQERP4Kwm66A8WMdg6DGh90y9rmVXszHuOIDh3TGuy1Iq0wzKaYs0R3Ry0MGTcLPUmS4TOuwkiQRop450n7g5wtr2JNDidVlg8u/wA/e99fdWeF4602qty9WmR1MajylU9WmGHITc6TY+nNN4vDPY9pIAietjoRHgrmHxHUYnxK17PkpZ/DNNmXMUn7rg2VJ7XtDmkOadCDISsqymHxLqL87T3Z7zdiOvI9VsaADmte0yHCQtJofEI6mPKpr0Mt4h4bPSy4dxfTGMqGVOubCSQuimcu6G4QS4QT2KzkYXV/4H1nZ8Uwk5IpmJMB8vEgaSQPYLlAXaf4HYWmcPiHky81GNIIHda1pyGdbkvsfsjnJxMXTN20dNkRMiBqfBcsxnGRjsR2n/bpMBbTkd4gmxPNzjoBpZdQxeGD6VVjCAXMe0EbFzSB7lcX+F6L2mo10tNJrCWEGWltQZ2kfake0Krr5Py6XRb0cVvtmixTwwkVM1OmKPaOj5rOywY0kbC6yGJx9NlYVGTkFJxaNPrgQ7zKtfiOtmwfaEuLjTab2kfSN99pssY6oDQJM3pGI59sAJ9/Vc7S4rW5+9F3Lkrj5LJmPqP+eoXtINp5C2UbeAVcK+UNGoI1uN7+yZ4XiJMTo133JHEbZI+y3c63KuLHT2gHktWWGCr/APUMAFoJnrIt7K8ZWIaTMS91zytz8VmuBhzqoflJDWG8WmefPVXTHueyGtcfm0GnjPgo5IK6J45umUPHMZnc3o02Glzr7La8Kqj6PSBA/wC2weWsLGu4HiHOksi31iOZO081pnt7KgwF0loY0jwHIaJ8sY7FFCxSlucmQON4gg1BM918Dlfrqsu0W1WtPChiA53aZQZF2+EkX0uotT4bpsbmNVzxtlDb/elilGCofIpSdl38N1ctOnEWp6+BOqi/EOIzYd8/0jzDmWUzhOHDaQHftIEgTHWOsqPi6TX0RmZnJElpJAhpLrZSDNtBzQklv3fUJb2V9DFMIhWfw+T2xgE/yz8oJPzN5KV9HgQ3CttzY5x9STKdp9swk06PZuIjMymWmLEX8QEdzTTQKMWmmWdGlUYwSx3yzbkNzEx5rFYiuHEkmTOp/Dkta2tijEl7tZm45aG3NSOH4ICc9IdIpMAiP6Qh4moNtksqc6SOfsMOMXFxystRwvDValJoYwlpqGCIAtrdXmMoN7N2WnBvcNja2vX8FWPFclobmDRexaIkETaFOeRTXQPHj2Psc4lhKlNsvYQM0ZrEXEhJweIA+awMX5GeiU19dgIl0f1OafvJjwTVV9U/WN95CFGPAWUuTP8AG64fWcQdIF+gGnRRqVNxbmjeLTtutK+jUvrPkoLMNWD3EgwdO8L+QKtKa20VnB7rLLC1HGmCQScrfNFhaALgSQIc0nc6/u6cwgcWXmwg+RP5qDjGFr2VGG4cAfAmIPsgx7Cy6D43SJraCMrYsQBMzfSZ+8K34hSnKQNGiTHn+ai8V4hUpuYA5ptLgQLyYE8vJSMdxHsxTaWgh4uJ0FtOt/ZKTuhkqsj8SwnffGzS6AN4bbputL8OMJw7Z2Lv/In8VVVKlNzy3R5ZJMRLT3ZvroPZW/BKwbSc2YyvMEcsrT966PhU9uf4Zz/FcXmYflE91Hmm/o4VXxHHPJsbHfcpGG4v2bMuXMeZJWqi5VZk54oqVFt9HQVN/jtT+n0QU7kR8mHscuXY/wCFnxLgMHhMlWo6nVq1CXucxxYI7rAHtEAZQDfcnbTjgTzKhERssgvqax36HqDBfFWFqmA4i4AJAgzoQWkiN7rn9Zw+lcUcDPI2I1cfwC5hw7i1Wn3KZgucNgb6RcG35Lp3wrhXOAfmY54eXuECHgsytDzvBL3TG9lW8SliWJVdv0D6GOTe7qiuxnB6tfCtw9Js1KbabajZAy5qtZ5zEkAEAgkaqiHBW9q7COqFoZTbLomYc17rfVku66brd4ymGPqP7XI6oc1QtJ2ncmABpss7iX0nEtBzu+YiZMiILgAei5uHNLmuu/k6MsS7ZVVeFUKLKgpPNR5bGZ0SPARp+Si4Ki1rO+xpfpdocY26KzxNcMGbs8rZjwN7XI5KE6bXi87feAVYU21yR2pdEuljGMERqLQ2DF9Ysm8JWdTYWsBdJ1MgSb7SVFrWaSDEakuJ1MkaBCi9wbMtjXSfvMJXwIsHY6oSJY0SYBn2v1UapiC8GQ2AYje3UQo+cwO9Ank2POyYqOuGlzjeZmPKyQ9lxQmPnHgJ/fsk1nZe6XE+DD+ihUHDL9baBmdPWLqXS4XVqNLxh6jmi5cWkiOhPzW5KEnFduvkewqTc2aXEAXEiJ6IuIRTaO+4SBljn9bTTVJaabGOj61xsJaQPIwRfojZSY6C2nmscwDb8hJ69U9VyxWV4rk61Kn+s/mltxEmA95JMAZh+BUmh8KYtwkUIbqC5zWyPAmVFrYOpSdD2ZHASAQD+YKSnBulJP5Ek2rocxFNzRLxUaOZsJ8yobjTP6ulWVSs4taIHyxoOk3KcocMqvjKw7XcYF9Ovsk5qPb/AJHUb6Kf+WPqtS6TBUcGspgk6Cf3srytwHFNGY0sw5tcDHiDdQXtfTMRlIcJBAkafolHLGX/AJd/IzjXD/BCxWG7OO0pgT15KPmp8m+qtcY6pVqBoGbNAAAEk6AWCsH/AAVigA5rWOtOUP73vb3TvLCFb3XyRcW+jNl1PcN9UrD0WPcA1oM8uUwT7qZV4bWBLX0nNItpMeIGiLDtcx9PS2YAwpxmmuPyRokVsEaH8ynUbnFgGwXQfms4W0+9VlTFPcHAtbOvyxfyV7LqlTKQ0d3WIHtuZlRsRgAc/MEiRzCUZ+4pR9ipLy92ZzASB/Vzm94N1OxH8xtIuGU94Wn5RAEqTgOCFxu/bYTqQB96e4hw7sw0SZk3vuLCNlJzTY210NupEVXGZHZWB0iDIK0PAsLnou5tIGpn5QqNx7zTpnpwD1gi3slN+I34VgY2lnFQFzocWuAYBmggG0T6SrOhyKGZSZW1kHPC0jQP4O90fyz42hJrfDTyO6WhQeL/ABJ2OGpvw72h9RucsdUFQtkDukDcT0uN7rJ/+s8cHT28wfsU8p/26LvS11Pg4cdEmv1GrPw7X+wPUIKlH8R8V9ij6P8A/wBok/8A2Av8FfUxKepAGdEyFIpMtmIkaBcVujqJWE12V4Lf3zW7wPEXtaIJLWuacjLEjIXC+s5oWHfRIvlcPEQtVVol1LK1zQ8ugAlrSAGNgkk2F/YqrqFGSVlnA3GybxPiTxcN7zg0w8zl7gLtfrX+9S+E4N2Iqva0hj302uc6C4ARcxI5gI+EuohhbUfTc4NYNptTaDeeY1UjgNal29UvczLAABI7wkWE2PdBnoudlk4xkoLlLstKTbVsY+LOCGhSZNXPmfdrhkM6hwEm2vsrD4d+HaWIZ2lSoM2zQ5ttYEG4MQfMKN8YcRpVQ1jHyGHODnzCCNJzR0sNtSrLgnEmU6TRna3ui5LIm0wCTOvsq055v8ZXe5sVq+DPfFuDp0ahYwGAADP1jBIcOmyHw/hW1KffEltg2feE5xPGU3Pf3ge+Ikgz3G3gW290/wDC+KFNj3Ocxt+64EEwYGk7Ist60y7vgVqy6p8Mp0qDsQ9tPJBaQ9rnGJyw0TZ5MgEX0hc+7AgZwczROWbOiSGmNltfiLiTDhmND8xJEjNINs0hv73WWxAb2cgtJMWJE/epaHdtblfLHlW1MtsJWp0MMH5czzBMjum8QQDpqIXRcJxFrqTKkBjXMa4NtaWzH4LkleuXUWN2aW6Gxgum41WkZxBjaNFriGg03DvPyyR2el+UqprNL5lP1tjYqt2UHFcLNWqQWgZycrbgTsI0FvRar4Ra1lOm0t1eczgWuzBrRlndoB8Z8SstjKzO0r5HNguJEOBESYjnqFdcOx9NlBjC8fM+BIAMiTfnoAFd1EZSwKP0/ofhy+TQ8SxzHVQx1WKbWZ3BjoL3TAaXNuGgTMLn3FONsrVXU2UWMayYIHeMd0yfPS+mqlcTxzMryMsmwvtBNoVC2BXcREOZz3loj2TaPTKC59uCeSfSj78lw1pHZ2zTtpOiteMPeDmbkc2ASCC4Tcxcx6QVV0qrSGEuEjr4KO2qXiBUYAYEEkXAMW5QiShbT9hnJ9RNX8McYc2qKbnDs3Tv3RGhbmNgeSj/ABu3vseGgNcwQQ4GQHGCYtF7dFVcPwVSk6nUqUwxjmSx5sHgOp3F7/MPUKV8Q4pr2Mhze6IsR0t7IKwqOe17Cc9ysj8Op5q7G5i2QSHhxBaWgkEEa+C3fAeJufT75GZpiZuRzPXaVztz2xMgw3SRoVZ4fFNyG7JMze92z94KhrMPmVYXG49M0+PxofXe1rQ7K1lwRBnNqfKN9CsFxcllWCA3vmwMi99SAp1THf8AUPeHtAysggzuSqvjuID6jXbl179I/BE0uF458dUBlLlodpvIqGdD+woGP4k51QsALRIEtOWZ3tqFNa9uYXHmVRYyiWV9bOIcCOUwV0McU+/YDkk10aLCvcAA92aCImJiRI6oHEw0NJkF8AWIA1J5wDGir3gAkgjbfkZ/JRqlSxIItf8AT1UIxbHc6RoG1mxTc6LgdmZPKzeUi6pvieAynGxdDpv5fj4BNGqHGmJ0cSNRcuLvvKbxVMPpsl1wDF55WN7A6+SJCO2SZDI90GiilONdsZIvYGLxY/d6KR9HP2T6JzDse3NlzCWwYkS06gxqCrW9IqLG/UgIJ76I/wCw70QUty9yO1+wmlQe/wCVrnRGgJidJ5K/wnB2tZ33d6ZsDFogAmFG4BjKdIVM5d3gIgHUTy8VZ1+I0hNzJbbXW/6eijKLlx0Ti1FWOOoMqNh7iXTrm0PPKRf1VZWc5zychEmJAtaBI6W5qXV4lSMxGlrHW/MeCbOOpE6t0UfKSVDvI5djQovDXPy2ENAkTeYgDW7vdN06BdYy0b2mwHT081IbUpuiXtFun4pbG0jH8y8/aGl022KHUmNswby8tYS+WiDEAQ3Q6xopgrEMY3LAbaT05eYTYZTGYh5tpBHJOClTkDNaCbxsRH3lBnGMiSm0RXte4uIZYmZaDplA8NtlNwlV7aeVweTEDkAAAPYQia6mG/MBciwneOaU7FNEAF7vYemZRlFSjtodTZDxjatRwhvdgRdo0bBkzzKrq7KkyQ6J3HQK2zzJgeAnw3KBuQC10AyY1NojTS6eP6fQbvsGGw1V1JoDNbgywZmkkg3M7ouKuxAYym5mVoaW2jvQGHUamzSrejTpPiWYkFoygMyubHzCQ6m7d2k8lNr4Jr6bXtNVjpBBeZJDgBdoaI0tbQDxQ7ipW16hbW2k2YqXsDiWEA2kgjZOGqTTa1oNnAkGY5D99Vc4mg9pjtJjn5j8FCLXTmziTa4BtvqCEVOLIW0QyXVBDMtpJ1MWy7C36hNURkfLxMCIE8wfwU0UGCYdEmTA312CDy3XOP8AQFNKPoQc2uwm1mfYP+6yQKrWgAmCAPzKebimbZT/AGtUPEUsziQ6JOkBReNMLHL9TW8a+IadTB4OjTfmqUqZbUaRlGjAO8bO+UqhdUa6mJDc24zt68ndRZVpw39fsPzS3YdpM53z0H6pnBXYlJJcEx7ZaWhsS2xJI3B36JNes9oFpi0tIIOolO067QAA02ETlbJ8U2+HANJdGsQBueSZxT7H30RmV26uB0AjvA2m+nIhOVXsMd0kTM97rASThm7G/OTySiwgAB8DkHEDe55m6koxsjuA7Gss1zbN+WxBvczaTfmm8UWPHdEEQRczrcQUmrhczpzbDedAAlUMKAbugSCbToSVJRS6G33wLyCb7tGh3NjPom67GAkDUgQb81Z/TzJ7tL/6xp+/vRPxpn5aXL/tt/FRjFodyRQvaczQ25g6b6I2hxyuAOXYgEi2sdRI9VcGuZns6YMEAimLT4FRgxuwYNbAPAvG2boipX6EHJe5CAJN3kQd55G/uPVTMDTeX9mW6yZynNAaSP7d46DknmvAEBlMbk5Lk+JKkjGu2NMGIzBvf0j5tdEzhJ+g6nH3I2R31XUI2zNqTG0wCgptGsQ0fzXi21h5WRptk/YlvgY7teicbJ2CCCMytFKx5tMapwDkgghSbDKKBlRFgQQTEqQQaErK3cIIJxqQVkpuXmfuQQUWIMGNz6lEXnZzp8UEEhUOMxlRulSoP73fgU43idYiO2ft9Z22m6CCTSExFbHVDq9xJ5nknaBJcJcZIBAk6eYhBBKlQokxtyRvqD03/fVMY0hsAXOs7eiJBRCtIgVHHW3omjVeNCPRBBFiwUkgm8QcOR8lIZj3cm+n6o0FKSRCD5Hm4t32R+/NK+lu5N9/zQQQGWaQX03oPdD6YeQ90aCcVIH0v+kI/pf9I9SggmFSAMV/SPUo/pZ2aPUokE+5ipA+mP8AsD1Sf8ScNWD1QQUlJkXFCDxNu9MeyDeJs3pf7j+CCCImwEqvoH+J0fsO/wBR/JBBBE59wd/RH//Z"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,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"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,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"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
    </div>
    </div>
</body>

</html>

  • 만든 결과물

    • 답안 코드
      <!doctype html>
<html lang="en">
      ``` 
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
    integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
    crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
    integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
    crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"></script>

<!-- 구글폰트 -->
<link href="https://fonts.googleapis.com/css?family=Stylish&display=swap" rel="stylesheet">

<title>스파르타코딩클럽 | 부트스트랩 연습하기</title>

<!-- style -->
<style type="text/css">
    * {
        font-family: 'Stylish', sans-serif;
    }

    .wrap {
        width: 900px;
        margin: auto;
    }

    .comment {
        color: blue;
        font-weight: bold;
    }
</style>
</head>
<body>
    <div class="wrap">
        <div class="jumbotron">
            <h1 class="display-4">나홀로 링크 메모장!</h1>
            <p class="lead">중요한 링크를 저장해두고, 나중에 볼 수 있는 공간입니다</p>
            <hr class="my-4">
            <p class="lead">
                <a class="btn btn-primary btn-lg" href="#" role="button">포스팅박스 열기</a>
            </p>
        </div>
        <div class="card-columns">
            <div class="card">
                <img class="card-img-top"
                    src="https://www.eurail.com/content/dam/images/eurail/Italy%20OCP%20Promo%20Block.adaptive.767.1535627244182.jpg"
                    alt="Card image cap">
                <div class="card-body">
                    <a href="http://naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text comment">여기에 코멘트가 들어갑니다.</p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                    src="https://www.eurail.com/content/dam/images/eurail/Italy%20OCP%20Promo%20Block.adaptive.767.1535627244182.jpg"
                    alt="Card image cap">
                <div class="card-body">
                    <a href="http://naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text comment">여기에 코멘트가 들어갑니다.</p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                    src="https://www.eurail.com/content/dam/images/eurail/Italy%20OCP%20Promo%20Block.adaptive.767.1535627244182.jpg"
                    alt="Card image cap">
                <div class="card-body">
                    <a href="http://naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text comment">여기에 코멘트가 들어갑니다.</p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                    src="https://www.eurail.com/content/dam/images/eurail/Italy%20OCP%20Promo%20Block.adaptive.767.1535627244182.jpg"
                    alt="Card image cap">
                <div class="card-body">
                    <a href="http://naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text comment">여기에 코멘트가 들어갑니다.</p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                    src="https://www.eurail.com/content/dam/images/eurail/Italy%20OCP%20Promo%20Block.adaptive.767.1535627244182.jpg"
                    alt="Card image cap">
                <div class="card-body">
                    <a href="http://naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text comment">여기에 코멘트가 들어갑니다.</p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                    src="https://www.eurail.com/content/dam/images/eurail/Italy%20OCP%20Promo%20Block.adaptive.767.1535627244182.jpg"
                    alt="Card image cap">
                <div class="card-body">
                    <a href="http://naver.com/" class="card-title">여기 기사 제목이 들어가죠</a>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text comment">여기에 코멘트가 들어갑니다.</p>
                </div>
            </div>
        </div>
    </div>
</body>

</html>

Quiz(나홀로메모장의 포스팅박스 만들기)

  • 예시사진

  • 결과사진

  • 코드

    <!doctype html>
<html lang="en">
    ``` 
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css"
    integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">

<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
    integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q"
    crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"
    integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl"
    crossorigin="anonymous"></script>

<title>웹개발 종합반 - 1주차Quiz</title>
<link href="https://fonts.googleapis.com/css2?family=Hi+Melody&display=swap" rel="stylesheet">
<style>
    *{
        font-family: 'Hi Melody', cursive;
    }
    .wrap{
        width: 900px;
        margin: auto;
    }
    .card-title{
        color: blue;
    }
    .card-text2{
        color: mediumblue;
        font-size: 20px;

    }
    .postbox{
        width: 500px;
        margin: auto;
        border: 3px solid black;
        border-radius: 5px;
        padding: 25px;

    }
</style>
</head>
  <body>
    <div class=" wrap">
        <div class="jumbotron">
            <h1 class="display-4">나홀로 링크 메모장</h1>
            <p class="lead"> 중요한 링크를 저장해 두고, 나중에 볼 수 있는 공간입니다.</p>
            <hr class="my-4">
            <p class="lead">
                <a class="btn btn-primary btn-lg" href="#" role="button">포스트 박스 열기</a>
            </p>
    </div>
        <p>
        <div class ="postbox">
            <div class="form-group">
                <label for="exampleInputUrl">아티클 URL</label>
                <input type="url" class="form-control" id="exampleInputUrl">
            </div>
            <div class="form-group">
                <label for="exampleInputText">간단한 코멘트</label>
                <textarea class="form-control" id="exampleInputText" rows="3"></textarea> <!-- textarea로 너비 변경 가능 -->
            </div>

            <button type="submit" class="btn btn-primary">기사저장</button>
        </div>
        </p>
        <div class="card-columns">
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,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"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,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"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,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"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAoHCBUUFBcVFRQXFxcZGRwaGRgZGRsZGhwaGRsaGRcaGRoaIiwjGh0oHRoZJDUlKC0vMjIyHCI4PTgwPCwxMi8BCwsLDw4PHRERHTMoIyk0MzQ8OjwvMTExOjozMzMzMTM0MTEzMTExMTMxMTExMTExNDExMTExMTExMTExMTExMf/AABEIALcBEwMBIgACEQEDEQH/xAAcAAAABwEBAAAAAAAAAAAAAAAAAQIDBAUGBwj/xABBEAABAwIEAwYCCAQFAwUAAAABAAIRAyEEEjFBBVFhEyJxgZGhBjIUQlKxwdHh8AcjYoIVcpKi8SQzshZDU5PS/8QAGwEAAQUBAQAAAAAAAAAAAAAAAwABAgQGBQf/xAAtEQACAgEEAAUDBAIDAAAAAAAAAQIRAwQSITEFE0FRgWFxsSKRocEU8AYVMv/aAAwDAQACEQMRAD8Aq4QhLhFC3ZibEQhCXCEJD2IhCEuEISFYiEIS4QhIViIQhKhCEhWJhBM4nGsp6mT9kXP6eaqq/GHE5RDPd2k22HoVQ1HiODBxKVv2XLL+n0GfNzFUvd8F04xc2CiVsfTbYEuPJt/fT3WediXPdo4mNXXgxbwR0u0fIJF2xbqNRy/RcfN45N8Y0l9+Tr4vBoLmbb+xaV+K6BoAnnc+g/VTcDX7Sm10ydD4ixWap0QCASTrHPQfqpeHxj6J0BY4yAbG1rRoh6PxSazXmlaa/b4Cazw6HlVhjTT/AN5NCQiIR0nhzQ4XBEjzRwtUmmrRmnadMRCIhLhEQnFY2QihOEJMJEkxEIQlQiISHsTCKEqEITCsRCKEuEUJUSsRCIhLhCEqHsbhFCchFCQ9iIRQlwihIexMIJUI04rLShUDmNcNHAEeYlLhM8OjsaeV2YBrRPgADubz1UmELFNygm/Yp5UozaXuxEIQl5UMqJYMRCEJzIiypWIRCKEp5ABJMAak6Kox3FwO7T33Np/yg/eVV1Osx6eNzfx6lvTaXJqJVBfPoibicWyn8xvsBqfy8SqPiXFXXHyiJyt1I0u78lBfWdUlpkaGSTMbzKJlOcgjfJPiJ8xbbmszqvFMud7Y8L2X9s02k8LxYVulzL/ekFLi9uX5bW6RN+uqHZBrwRe/jGs/fHorAYWwBMi45CIAsPzSsTlBAFzMDobfkVzDpEbDsIk2Bv1MDTXQp6nRBAMTpJJ8PJA4oTDQ3NDpG411R4c5i4EEBttfujaFGyVBGAYnwA8EM0tIgwQRtMkmBz1R4djs0kzchtosnhSk5o0nXc31TWPQfAcTINM7Xb4bj1v5lW8LLMeabw4ag6beH4LU03hzQ4aESFrvB9V5mPy32vwZTxbTeXk3rp/kEJMJZCIhdk5NiIRQnIRQnHsbhFCchEQkSsbhEQnCEmEw9jcIQlwiISHsTCKEqEUJD2JhFCXCKEh7EQhCXCKEh7EQglwgkKyt+EuJS40XAd6S3K0AAgXkDaPda/sly/g2I7Osx0Aw4amBe2u2uq62WLieG55SxuMn0XvEdPFT3L1IwYj7NSMqGVdLeUFiSIxpprEPaxpc4wBupVZzWNLnGA0Ek9AsVxXihrvAaC1sGOnM2308FS1muWnjxzJ9It6TQPPOuorthcU4i6oS1v8Aa2PAyeZi6r+yzFpdd0wYtcG0qRSp90QbXvvHTkEt7gxshogG+p2O4WVyZJ5JOUnbZqMWKGKCjBUkOYekLueN9ALD899UHPaGy46Hr814EJTGnNJ+WAYkzP4JsQ1jRJ+a887z7obYUj8Sx5ZA+truI3t6p6gwvyVDIETHUzcDwTeOwpqP0tzmDsDCs6OHAaGiwiACbwEnVCV2RWUYLnD6068v2U6xhy3/AH6p9jWtGlxMSYtKWyAJy7cvvJ1ULCJDQYWiQL3hIpMLgCQJJM7am/snSS92U2EfsI6dPLJLtzFwLT1UHIfaVuMpZTa+9lP4HirFhMAd4T/uH4+qTVgz3wOV7+yiODHDL2v+0nrzurWl1UtPNTj6FbVaSOeDhI0TazCYDmk8gQUqFn8HTptqMio4nMIAbAMmOa0cLWeGa56uDbVNMyniWiWkmknaaG4RQnIQhdQ5ljUIEJZCIhOSTG4RQpHYO1goqlEt1CjuXRLkjkJMJ0hJIUh0xuEUJwhFCRKxuEIS4RQkPYiEISoQhIexEIkuEaQrOf0WOLgGgl02A1kXERuut8DrOqUGOeHB0QS4AFxbbMIsQdZXIWHwPiuw/DmLbWw1NzW5QBky8svdgdLLK+GyqTVnf10biuCblRZVIyKHxXFdjSfV+yLDm42aPWF15ZFFNv0OZHG5OkZb4s4pfsGGPtH+rUN8on05FU2Fwti4i2vKTzCZotL3lxMyCSed5nxM3UljS7KBoMpGlxJH4LK580s2RyZpcGJYsaiiM7GhoaL3OXX108VMdTtl0GY666KHiMCXhkWi7vNWDzdsjMSTIE8tOqA2kHVsBou0BgAanmiYwNDBredU5UrNFnEDeBf9EwcVmgNGWJuZ8DbzQ3IIok1gBk6dTb9dkkvpiJcPBQ3MqOLu9YNkHTkdP1SGU6Yc0l4JiSBc+g5+Kg2TSH+3awF0EgkwYjUn2TmHpPMvAdaSMznEGRNpt0/4TVOqMrmhhcIsbNi831MKWzEvdEBrQANZcDIAA2/ZQ3Jk1EVhaJcHF9zOgMWsNByvuoWKwzR3S4yHOF7WPUn9yVZ4bDPMHO496ALRoQbeigYrAMALzAixnU31vc8lFS5J7eCCcNTm9Rv+ofglUqVMEAONzEw4+ZtpumXYhjdGE+JA9oKtuGV6bjmZAImQWjcEXFwQiSbSsiopslU8BTGQkOc4FpkaA5hB8JVmQqWli6kAkyO7IgaNMgTFhZXdJ+ZocBqAfXZaP/j2VVOF88MzH/I8ck4TrjlfImECE5CSQtRZl7G4Vrw/ACA54udB0UTB4Yve1vW/gtLUpDSLBVNRmr9KL+kxKdzfSK3E1mA5Rruqqq1z3EwT9yn46kXm2iRQw7iYLrDYJQqMb9R8u6c9r6IdPBiYLhPJS3cLBClDBUwc2/qpFGoyLn1UJ5ZPlWFx4YLiVfuZmrhyHQASk/RzyWocymbiPFQcS1sEgab7IkM8nxRDJp4xVplE6nCRCkVCmwVbV0U0xohFCdddJhOSTG4QS4QSHs5quz/C9OkMLTFJwc0AZiInOQHOzR9a49lxiV13+HbHfQxmYW99xaTo9pvmHK8j+1ZDQyqb+xptXG4I0PZputQa5pa8NLTqHAEeYNlMyLP/ABdxCnTpGi4PzVWEtLQIlpFjJ/BdLLlUYNso48blJJHP3w14p2kmSRES0ZrdIH3KXSbDYGgDb8+iafhwHZzbK11upaAfvSO1zQ1th9rqB7BZiTo0cVYsYhrWtbMkgGBfafJIc99QgZQ1o0/uMEg7p4UWNj6zpHdHqZO3n6Ii1/1n5W5RIbA3nXWEJsKohOw7GA5nS8iMtzodhtpv6JttR5kNYG2+tfoYHkE2a4B7rZaSJ5zzjUq0c3KeXdGttfv1UG6JpFe5zdXlz9B0sNgLKy4Rh2VMrmwRfbTUaJPDuEnEVBTYYAu8/ZHTmVqqXw/TouinOUgl2YzLzaT5AaJ3jk8Ty+idEVkj5qx+rVmYr4bK2ANR3o9lGZwarVvTpujQOJAFtxmMnyWifwtwIgkgiNZ9P3utM2kGgACAAAByAVnw3TR1EpOTaSror+I6mWnitqTbv+DJcMwlSk1rKkF+a/1rQ7LI311HIqO7+Y5jQ13ee4OB008dgStsKJOUgRe53tNlGxeDGZhI0JI8Yj8lTyQitZ5S6uv5LcMknpPNfdX/AAZ2j8MUQO+C88yS0eQaR7pv/AadN+anIDmkFpuAbEQXefPZajIm30SbAE9ACT7LT67T4YaWW1JUvkzWh1Oaeqjuk2m/j9jIU8OXMBi0Xi3hqrXhrRlLeVx4HX3+9SW8Hq06bc9Nw7s2ExF7xMecJrDgNg8jB8D+5WY8O1n+PqYt9XT+zNJ4jpFqdNKK5fa+6HH002QpjnN5hR3gHcDxIb9+q9BepglcpJL7nnktLkbqMW37JD3DX5agKt6mMl7W7FU+HrhsSARzBB9wrFr25mwB/wAoU9s2prlVwyxgcoR2Php8pqn9heK1n6oVR20uiTEq3xZhpGx1/RULjyRcCtENXNqSQ9VxZiG90D1KjTOpRFEArMYpdFRzcu2WbcP3GwYHOYlQsZWJMA90aAaIq1dzgAdBoEyQowg07YSeVNUhshFCchFCMDsbhFCchJISHsTCCVCCQ9nMmuIuLELq38NeKOrUn0nvaTTIyiwdlOpMagO36rk4XaP4ZcNpswTajYc+o5xe6LjKcoZMTAiY5uKxembU+DXZ0nA02RY74+ow7D1NgXtNjFw1wM6D5T1v0Mb3IsB/ErFNLqVFs5wC93INdYA7yS0nwHURZ1eReU7BaaD8xUYqtW7QmTDATc/j7IObmByyxgiNnHX0CYY8EX0GjY2kS93VNYB+d7yZuLf6ht5riV6nZTS4F4isQYZYC3prKsMc0xMT3WT/AMKEMK51QsFwTF97xdaPGUrvAG4tM2vYbqEuEiUHdjnwVwhlaqajwC1gkNO5Ji43A++FLbw4ZdC7ujwU34VxQo9pmZZzRBBHzDQHkIKkCoJie6BqDPih6jJDZFR75v8AonhhPfJy64r+w/hbBim58H6otbz62t6rQOpSZjQX91UYOqGvhtMyRrckj8FaCs4gEAQ6QfLpabIctenp/Ir1ux46StR51+lUNVcE5xblaf2VJ+jHeyDQ/uy6J2A6xvOyDsOREuOhGpEm99Y5Ien12XTxax+pPUaPHnac/Qfw1IN1MgRFt75rzyj3TdVtMi7mk8s0fddJ+i0nlp7pLQJMtkQdwErE4imGucCHCC7uhzuR2F9JQJ5Zzn5jf6ru+uQkMcYx8tddUJFFoH/tjrlc7w1KKqKYa5ucNLgRLaUG/Lzg+Sr28ZZFmVDvZkf+RCQOJl0RRqQTqez9YDyT5AnxTy1WWfEpN/dkoaTHDmMUvsiU3EMaSTUeZGkNj3UStjaZ0dV691ot0sl4xpa3OxzajY70HJEzBBymZ9lT1cW7/wCNn91U7dcl9EENV8kmviqehNUz/VHXQaKDiW0fmeyoTEfM7eJjkLIPruP1KW+r3E2/sSsC6XtdVDQzNBiSTYkSDBLbRYHXTcET+ozihGBr0i40203buJLjA0H5WVkyu1oNrqPxPiVCmYb2bcwluWA7WO8NtJAMa7XWZbxeobzTHQvbMbSQ/WFrfDdbjw6ZeY27fV3S+xkfE9FmzamTwxSpLmqt/c1zMUXAzAUCrBJj3WepcaqMnM0VJuD2lMR0ETPmiPGK7ySynlbsC0uPqF04+K6aMdyb+1HKn4Tq5y2tLj1vhl/CIhV1LjAkdpTdTG7joOU2VjTeHCWkEcwZXQwavFmVwlZzs+kzYHWSNfgTCKE5CKFZsr2NkIQlkIiFKx0xEJJCcyoZU9j2NQgnIQSHs5UB+a7z/DTDPbw6lnESXub/AJHPJBPK8rg8rvP8JWj/AA1nen+ZUMSDl70RH1dJjrO6xOGVSNpNWjVimuMfG73HH1wdM7GHnl7NkAeJXcsi5L/E3hpbjGPY0ntmsceU0yWk/wCkNlPqpXAfTqpmK7OalQAWECN4zBSOG4IsaakCCQ0AnkQSY5WV9w/gziXOLZLiDN9NQPW89FIdhqQOR13RLWi7rEaAXjVcaepj1E6sML7ZT4emGuzXqEmRAgXMqwYyo5znNhhOoJNgPuKkYh+VuYU8rQ2ZMBxvs0dRuVW0seHMzue65jK3uyLz8tz67obk5chVFR4J/ZgTnqRaRMCf34KywFSmHd3M+IsxsAka958NN/xVBgMTTe4tyCZ0IEgfVcOd48JVrh64ZmymDJAJFtR+qFOLCxaL9mKfLctNrQ0WzOLjtq1oA91Ld2hZkLmgNeBnY3vOHg4ENMyPrTAO8DCcXxr6Te0FZwcCMomQ4i8ZBYi3ktDT4i99MOc0tL8hg2LSQJaPMobxtR3EoyTlReYlzGNBqVKhtbvkXHIMj7lTYfj2FFQMqQHkwDUa655Z3yB5kJvF8QY1jszz3AQTuIuVzjinEXVpmzZ7rYEjlJ1nwsiYMHmPnobLk2Lg7GMUzMYblJBaYGwvEac1PGJZkzESLty8xofK5WK+HMX2jKQc4kljWySMxgZTrqYA9FN4txE0KLi0SW0wWzs5xOt7i8+yF5bUq+B3KLjZn+LcZqYeo5mVmUaTPebsZnWOitvh3jNPFiACx7dWzMcoO4/fjz+tXLnZnuzOOrjcn98lY/ChAxDg05QacyNQQ5thyH5K1PSw8t8cohHUS3rnhnRMDXZ2YJuMoH79FiuOcdhxDCGN2mC49b6BWlB5fSsTOSwG5iwusfxrhVOl81cuqE94Bth/xpCHpsMHL9X4JajLKMf0/kfw3xHUaQQ4OA+qQNPECQtVVx7KtKm9u7hrtqCD1BXNTTj5XA9Rb1B0Wq4e+MPTJ1D412k7eas6jBBJOKK2nzzlakWPEYe3LElskGbgqmp0CZ7pPUgqyxNSHNOxJlWeEry0EuO4jwAhDxvaieRWzLYmgIEmOXT2RUGBsi3j+wrDitRlN3fIk3AF5Bm6j4PFUXmJgnQERP4Kwm66A8WMdg6DGh90y9rmVXszHuOIDh3TGuy1Iq0wzKaYs0R3Ry0MGTcLPUmS4TOuwkiQRop450n7g5wtr2JNDidVlg8u/wA/e99fdWeF4602qty9WmR1MajylU9WmGHITc6TY+nNN4vDPY9pIAietjoRHgrmHxHUYnxK17PkpZ/DNNmXMUn7rg2VJ7XtDmkOadCDISsqymHxLqL87T3Z7zdiOvI9VsaADmte0yHCQtJofEI6mPKpr0Mt4h4bPSy4dxfTGMqGVOubCSQuimcu6G4QS4QT2KzkYXV/4H1nZ8Uwk5IpmJMB8vEgaSQPYLlAXaf4HYWmcPiHky81GNIIHda1pyGdbkvsfsjnJxMXTN20dNkRMiBqfBcsxnGRjsR2n/bpMBbTkd4gmxPNzjoBpZdQxeGD6VVjCAXMe0EbFzSB7lcX+F6L2mo10tNJrCWEGWltQZ2kfake0Krr5Py6XRb0cVvtmixTwwkVM1OmKPaOj5rOywY0kbC6yGJx9NlYVGTkFJxaNPrgQ7zKtfiOtmwfaEuLjTab2kfSN99pssY6oDQJM3pGI59sAJ9/Vc7S4rW5+9F3Lkrj5LJmPqP+eoXtINp5C2UbeAVcK+UNGoI1uN7+yZ4XiJMTo133JHEbZI+y3c63KuLHT2gHktWWGCr/APUMAFoJnrIt7K8ZWIaTMS91zytz8VmuBhzqoflJDWG8WmefPVXTHueyGtcfm0GnjPgo5IK6J45umUPHMZnc3o02Glzr7La8Kqj6PSBA/wC2weWsLGu4HiHOksi31iOZO081pnt7KgwF0loY0jwHIaJ8sY7FFCxSlucmQON4gg1BM918Dlfrqsu0W1WtPChiA53aZQZF2+EkX0uotT4bpsbmNVzxtlDb/elilGCofIpSdl38N1ctOnEWp6+BOqi/EOIzYd8/0jzDmWUzhOHDaQHftIEgTHWOsqPi6TX0RmZnJElpJAhpLrZSDNtBzQklv3fUJb2V9DFMIhWfw+T2xgE/yz8oJPzN5KV9HgQ3CttzY5x9STKdp9swk06PZuIjMymWmLEX8QEdzTTQKMWmmWdGlUYwSx3yzbkNzEx5rFYiuHEkmTOp/Dkta2tijEl7tZm45aG3NSOH4ICc9IdIpMAiP6Qh4moNtksqc6SOfsMOMXFxystRwvDValJoYwlpqGCIAtrdXmMoN7N2WnBvcNja2vX8FWPFclobmDRexaIkETaFOeRTXQPHj2Psc4lhKlNsvYQM0ZrEXEhJweIA+awMX5GeiU19dgIl0f1OafvJjwTVV9U/WN95CFGPAWUuTP8AG64fWcQdIF+gGnRRqVNxbmjeLTtutK+jUvrPkoLMNWD3EgwdO8L+QKtKa20VnB7rLLC1HGmCQScrfNFhaALgSQIc0nc6/u6cwgcWXmwg+RP5qDjGFr2VGG4cAfAmIPsgx7Cy6D43SJraCMrYsQBMzfSZ+8K34hSnKQNGiTHn+ai8V4hUpuYA5ptLgQLyYE8vJSMdxHsxTaWgh4uJ0FtOt/ZKTuhkqsj8SwnffGzS6AN4bbputL8OMJw7Z2Lv/In8VVVKlNzy3R5ZJMRLT3ZvroPZW/BKwbSc2YyvMEcsrT966PhU9uf4Zz/FcXmYflE91Hmm/o4VXxHHPJsbHfcpGG4v2bMuXMeZJWqi5VZk54oqVFt9HQVN/jtT+n0QU7kR8mHscuXY/wCFnxLgMHhMlWo6nVq1CXucxxYI7rAHtEAZQDfcnbTjgTzKhERssgvqax36HqDBfFWFqmA4i4AJAgzoQWkiN7rn9Zw+lcUcDPI2I1cfwC5hw7i1Wn3KZgucNgb6RcG35Lp3wrhXOAfmY54eXuECHgsytDzvBL3TG9lW8SliWJVdv0D6GOTe7qiuxnB6tfCtw9Js1KbabajZAy5qtZ5zEkAEAgkaqiHBW9q7COqFoZTbLomYc17rfVku66brd4ymGPqP7XI6oc1QtJ2ncmABpss7iX0nEtBzu+YiZMiILgAei5uHNLmuu/k6MsS7ZVVeFUKLKgpPNR5bGZ0SPARp+Si4Ki1rO+xpfpdocY26KzxNcMGbs8rZjwN7XI5KE6bXi87feAVYU21yR2pdEuljGMERqLQ2DF9Ysm8JWdTYWsBdJ1MgSb7SVFrWaSDEakuJ1MkaBCi9wbMtjXSfvMJXwIsHY6oSJY0SYBn2v1UapiC8GQ2AYje3UQo+cwO9Ank2POyYqOuGlzjeZmPKyQ9lxQmPnHgJ/fsk1nZe6XE+DD+ihUHDL9baBmdPWLqXS4XVqNLxh6jmi5cWkiOhPzW5KEnFduvkewqTc2aXEAXEiJ6IuIRTaO+4SBljn9bTTVJaabGOj61xsJaQPIwRfojZSY6C2nmscwDb8hJ69U9VyxWV4rk61Kn+s/mltxEmA95JMAZh+BUmh8KYtwkUIbqC5zWyPAmVFrYOpSdD2ZHASAQD+YKSnBulJP5Ek2rocxFNzRLxUaOZsJ8yobjTP6ulWVSs4taIHyxoOk3KcocMqvjKw7XcYF9Ovsk5qPb/AJHUb6Kf+WPqtS6TBUcGspgk6Cf3srytwHFNGY0sw5tcDHiDdQXtfTMRlIcJBAkafolHLGX/AJd/IzjXD/BCxWG7OO0pgT15KPmp8m+qtcY6pVqBoGbNAAAEk6AWCsH/AAVigA5rWOtOUP73vb3TvLCFb3XyRcW+jNl1PcN9UrD0WPcA1oM8uUwT7qZV4bWBLX0nNItpMeIGiLDtcx9PS2YAwpxmmuPyRokVsEaH8ynUbnFgGwXQfms4W0+9VlTFPcHAtbOvyxfyV7LqlTKQ0d3WIHtuZlRsRgAc/MEiRzCUZ+4pR9ipLy92ZzASB/Vzm94N1OxH8xtIuGU94Wn5RAEqTgOCFxu/bYTqQB96e4hw7sw0SZk3vuLCNlJzTY210NupEVXGZHZWB0iDIK0PAsLnou5tIGpn5QqNx7zTpnpwD1gi3slN+I34VgY2lnFQFzocWuAYBmggG0T6SrOhyKGZSZW1kHPC0jQP4O90fyz42hJrfDTyO6WhQeL/ABJ2OGpvw72h9RucsdUFQtkDukDcT0uN7rJ/+s8cHT28wfsU8p/26LvS11Pg4cdEmv1GrPw7X+wPUIKlH8R8V9ij6P8A/wBok/8A2Av8FfUxKepAGdEyFIpMtmIkaBcVujqJWE12V4Lf3zW7wPEXtaIJLWuacjLEjIXC+s5oWHfRIvlcPEQtVVol1LK1zQ8ugAlrSAGNgkk2F/YqrqFGSVlnA3GybxPiTxcN7zg0w8zl7gLtfrX+9S+E4N2Iqva0hj302uc6C4ARcxI5gI+EuohhbUfTc4NYNptTaDeeY1UjgNal29UvczLAABI7wkWE2PdBnoudlk4xkoLlLstKTbVsY+LOCGhSZNXPmfdrhkM6hwEm2vsrD4d+HaWIZ2lSoM2zQ5ttYEG4MQfMKN8YcRpVQ1jHyGHODnzCCNJzR0sNtSrLgnEmU6TRna3ui5LIm0wCTOvsq055v8ZXe5sVq+DPfFuDp0ahYwGAADP1jBIcOmyHw/hW1KffEltg2feE5xPGU3Pf3ge+Ikgz3G3gW290/wDC+KFNj3Ocxt+64EEwYGk7Ist60y7vgVqy6p8Mp0qDsQ9tPJBaQ9rnGJyw0TZ5MgEX0hc+7AgZwczROWbOiSGmNltfiLiTDhmND8xJEjNINs0hv73WWxAb2cgtJMWJE/epaHdtblfLHlW1MtsJWp0MMH5czzBMjum8QQDpqIXRcJxFrqTKkBjXMa4NtaWzH4LkleuXUWN2aW6Gxgum41WkZxBjaNFriGg03DvPyyR2el+UqprNL5lP1tjYqt2UHFcLNWqQWgZycrbgTsI0FvRar4Ra1lOm0t1eczgWuzBrRlndoB8Z8SstjKzO0r5HNguJEOBESYjnqFdcOx9NlBjC8fM+BIAMiTfnoAFd1EZSwKP0/ofhy+TQ8SxzHVQx1WKbWZ3BjoL3TAaXNuGgTMLn3FONsrVXU2UWMayYIHeMd0yfPS+mqlcTxzMryMsmwvtBNoVC2BXcREOZz3loj2TaPTKC59uCeSfSj78lw1pHZ2zTtpOiteMPeDmbkc2ASCC4Tcxcx6QVV0qrSGEuEjr4KO2qXiBUYAYEEkXAMW5QiShbT9hnJ9RNX8McYc2qKbnDs3Tv3RGhbmNgeSj/ABu3vseGgNcwQQ4GQHGCYtF7dFVcPwVSk6nUqUwxjmSx5sHgOp3F7/MPUKV8Q4pr2Mhze6IsR0t7IKwqOe17Cc9ysj8Op5q7G5i2QSHhxBaWgkEEa+C3fAeJufT75GZpiZuRzPXaVztz2xMgw3SRoVZ4fFNyG7JMze92z94KhrMPmVYXG49M0+PxofXe1rQ7K1lwRBnNqfKN9CsFxcllWCA3vmwMi99SAp1THf8AUPeHtAysggzuSqvjuID6jXbl179I/BE0uF458dUBlLlodpvIqGdD+woGP4k51QsALRIEtOWZ3tqFNa9uYXHmVRYyiWV9bOIcCOUwV0McU+/YDkk10aLCvcAA92aCImJiRI6oHEw0NJkF8AWIA1J5wDGir3gAkgjbfkZ/JRqlSxIItf8AT1UIxbHc6RoG1mxTc6LgdmZPKzeUi6pvieAynGxdDpv5fj4BNGqHGmJ0cSNRcuLvvKbxVMPpsl1wDF55WN7A6+SJCO2SZDI90GiilONdsZIvYGLxY/d6KR9HP2T6JzDse3NlzCWwYkS06gxqCrW9IqLG/UgIJ76I/wCw70QUty9yO1+wmlQe/wCVrnRGgJidJ5K/wnB2tZ33d6ZsDFogAmFG4BjKdIVM5d3gIgHUTy8VZ1+I0hNzJbbXW/6eijKLlx0Ti1FWOOoMqNh7iXTrm0PPKRf1VZWc5zychEmJAtaBI6W5qXV4lSMxGlrHW/MeCbOOpE6t0UfKSVDvI5djQovDXPy2ENAkTeYgDW7vdN06BdYy0b2mwHT081IbUpuiXtFun4pbG0jH8y8/aGl022KHUmNswby8tYS+WiDEAQ3Q6xopgrEMY3LAbaT05eYTYZTGYh5tpBHJOClTkDNaCbxsRH3lBnGMiSm0RXte4uIZYmZaDplA8NtlNwlV7aeVweTEDkAAAPYQia6mG/MBciwneOaU7FNEAF7vYemZRlFSjtodTZDxjatRwhvdgRdo0bBkzzKrq7KkyQ6J3HQK2zzJgeAnw3KBuQC10AyY1NojTS6eP6fQbvsGGw1V1JoDNbgywZmkkg3M7ouKuxAYym5mVoaW2jvQGHUamzSrejTpPiWYkFoygMyubHzCQ6m7d2k8lNr4Jr6bXtNVjpBBeZJDgBdoaI0tbQDxQ7ipW16hbW2k2YqXsDiWEA2kgjZOGqTTa1oNnAkGY5D99Vc4mg9pjtJjn5j8FCLXTmziTa4BtvqCEVOLIW0QyXVBDMtpJ1MWy7C36hNURkfLxMCIE8wfwU0UGCYdEmTA312CDy3XOP8AQFNKPoQc2uwm1mfYP+6yQKrWgAmCAPzKebimbZT/AGtUPEUsziQ6JOkBReNMLHL9TW8a+IadTB4OjTfmqUqZbUaRlGjAO8bO+UqhdUa6mJDc24zt68ndRZVpw39fsPzS3YdpM53z0H6pnBXYlJJcEx7ZaWhsS2xJI3B36JNes9oFpi0tIIOolO067QAA02ETlbJ8U2+HANJdGsQBueSZxT7H30RmV26uB0AjvA2m+nIhOVXsMd0kTM97rASThm7G/OTySiwgAB8DkHEDe55m6koxsjuA7Gss1zbN+WxBvczaTfmm8UWPHdEEQRczrcQUmrhczpzbDedAAlUMKAbugSCbToSVJRS6G33wLyCb7tGh3NjPom67GAkDUgQb81Z/TzJ7tL/6xp+/vRPxpn5aXL/tt/FRjFodyRQvaczQ25g6b6I2hxyuAOXYgEi2sdRI9VcGuZns6YMEAimLT4FRgxuwYNbAPAvG2boipX6EHJe5CAJN3kQd55G/uPVTMDTeX9mW6yZynNAaSP7d46DknmvAEBlMbk5Lk+JKkjGu2NMGIzBvf0j5tdEzhJ+g6nH3I2R31XUI2zNqTG0wCgptGsQ0fzXi21h5WRptk/YlvgY7teicbJ2CCCMytFKx5tMapwDkgghSbDKKBlRFgQQTEqQQaErK3cIIJxqQVkpuXmfuQQUWIMGNz6lEXnZzp8UEEhUOMxlRulSoP73fgU43idYiO2ft9Z22m6CCTSExFbHVDq9xJ5nknaBJcJcZIBAk6eYhBBKlQokxtyRvqD03/fVMY0hsAXOs7eiJBRCtIgVHHW3omjVeNCPRBBFiwUkgm8QcOR8lIZj3cm+n6o0FKSRCD5Hm4t32R+/NK+lu5N9/zQQQGWaQX03oPdD6YeQ90aCcVIH0v+kI/pf9I9SggmFSAMV/SPUo/pZ2aPUokE+5ipA+mP8AsD1Sf8ScNWD1QQUlJkXFCDxNu9MeyDeJs3pf7j+CCCImwEqvoH+J0fsO/wBR/JBBBE59wd/RH//Z"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,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"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
            <div class="card">
                <img class="card-img-top"
                     src="data:image/jpeg;base64,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"
                     alt="Card image cap">
                <div class="card-body">
                    <h5 class="card-title"><a href="https://www.naver.com">여기 기사 제목이 들어가죠</a></h5>
                    <p class="card-text">기사의 요약 내용이 들어갑니다. 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라만세 무궁화 삼천리 화려강산...</p>
                    <p class="card-text2"><strong>여기에 코멘트가 들어갑니다.</strong></p>
                </div>
            </div>
    </div>
    </div>
</body>

</html>

JAVASCRIPT

  • 브라우저가 알아들을 수 있는 언어

배열

let a_list=['수박','참외','배']
a_list[0] =>수박
a_list[3] => 결과값 없음
  • 이미 만들어진 배열에 값 추가하기
    a_list.push('감')
a_list[3] =>감

딕셔너리

let a_dict ={'name':'bob', 'age':27}
 a_dict['name'] =>bob
  a_dict['height']=180 => a_dict에 height 추가

딕셔너리 안에 또 다른 배열 넣기

a_dict['fruits']= a_list => fruits라는 배열을 생성하고 값은 a_list를 넣어라
  a_dict => {name:"bob", age:27, height:180, fruits:Array(4)}

함수, 조건문, 반복문

함수 : 정해진 동작을 하는 것

  • 예시코드

    fuction mysum(num1, num2){
return num1+num2
}

let result = mysum(2,3) => 5

fuction mysum(num1, num2){ alert("안녕") return num1+num2 }

let result = mysum(2,3) => 안녕이라는 alert가 뜨고 확인을 누르면 mysum은 5가 들어감


####   조건문

let age = 24 if(age > 20){ console.log('성인입니다.')} else{ console.log('청소년 입니다.')} => 성인입니다.

age = 10 10 if(age > 20){ console.log('성인입니다.')} else{ console.log('청소년 입니다.')} => 청소년 입니다.

####  반복문

let people = ['철수','영희','민수','형준','기남','동희'] undefined people.length 6 let scores = [ {'name':'철수', 'score':90}, {'name':'영희', 'score':85}, {'name':'민수', 'score':70}, {'name':'형준', 'score':50}, {'name':'기남', 'score':68}, {'name':'동희', 'score':30}, ]

for(let i=0 ; i <scores.length; i++){ console.log(scores[i]['name']) } instrument.ts:113 철수 instrument.ts:113 영희 instrument.ts:113 민수 instrument.ts:113 형준 instrument.ts:113 기남 instrument.ts:113 동희

## 1주차 숙제(판매 페이지 만들어보기)
   - 예시 기획
                                ![](https://images.velog.io/images/mjin_k/post/fbafadef-f169-4b2a-82a3-aca066b48dbe/image.png)

  - 예시 화면
                                ![](https://images.velog.io/images/mjin_k/post/81d11c52-9bdd-434b-9cdd-e9735934060a/image.png)

  - 만든화면
                                ![](https://images.velog.io/images/mjin_k/post/15a676d3-6057-456a-be5d-19c0b2a34172/image.png)
]]>