이재만 교수의 공간

unable to load script. make sure you're either running metro (run 'npx react-native start')

이 에러가 떴을 때 다시 로딩 해야 한다

npx react-native start

r - reload app 

이거를 선택해야 한다

위의 것을 시작했는데 아래와 같은 메세지가 뜬다면

No apps connected. Sending "reload" to all React Native apps failed

npx react-native start --reset-cache

--reset-cache 옵션을 넣어준다

npx react-native doctor

페이지 넘기는 번호 대신 구현하는 방식이다

다음 코드로 하면 호출된다

hostname 에 http:// 가 포함되어 있으면 안 된다

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

SELECT * FROM user ORDER BY id DESC LIMIT 10, 5;

id 기준으로 내림 차순

10번째부터 5개 갖고 와라

LIMIT 몇 번째부터 몇 개 갖고 와라 ( 0부터 시작 )

웹에서는 파일 경로가 명확하지 않기 때문에

FileReader 객체를 이용해서 데이터를 다루어야 한다

JSON 은 단순히 텍스트 데이터이고 객체는 자바스크립트에서

객체 타입이다

서버에 데이터를 요청하면 JSON으로 넘어오는데

클라이언트에서 사용하기 위해서는 객체로 변환해야 한다

JSON 하고 객체하고 가장 큰 차이는 JSON은 항상 키 값이
문자열이라서 따옴표로 있어야 하지만
객체는 키 값이 따옴표가 없어도 인식을 한다

그래서 POSTMAN에서 JSON을 전송할 때마다 
키 값에 따옴표를 붙이는 이유가 이것 때문이다

역시 기초가 튼튼해야 한다

멋 모르고 쓰면 언제 왜 써야 되는지 이해가 안 된다

JSON -> 객체

JSON.parse( )

객체 -> JSON

JSON.stringify( )

background-color: linear-gradient(45deg, yellow, green);

다음과 같이 작성했는데 적용이 안 될 때 메세지를 보니 

linear-gradient invalid property value 가 떴다

그래서 검색해보니 다음과 같이 하면 된다

background-image: linear-gradient(45deg, yellow, green);

$s3Client = new S3Client([ 'profile' => 'default', 'region' => 'us-east-2', 'version' => '2006-03-01' ]);

$bucket = 'your-bucket';

$key = 'my-file.zip'; // Using stream instead of file path

$source = fopen('/path/to/large/file.zip', 'rb');

$uploader = new ObjectUploader( $s3Client, $bucket, $key, $source );

do {

    try {

        $result = $uploader->upload();

        if ($result["@metadata"]["statusCode"] == '200') {

            print('<p>File successfully uploaded to ' . $result["ObjectURL"] . '.</p>');

        }

        print($result);

       } catch (MultipartUploadException $e) {

           rewind($source);

           $uploader = new MultipartUploader($s3Client, $source, [ 'state' => $e->getState(), ]);

       }

} while (!isset($result));

fclose($source);

transform: scale(1.3);

transform: skewX(20deg);

transform: translateY(50px);

transform: rotate(45deg);

box-shadow

text-shadow

linear-gradient

radial-gradient

filter: blur(5px)

filter: brightness(0.5);

filter: contrast(150%);

filter: grayscale(100%);

filter: hue-rotate(180deg);

filter: invert(100%);

filter: saturate(1.5);

filter: sepia(100%);

input[type="text"]

ul li:nth-of-type(2) { } - 인덱스가 1부터 시작

margin: 0 auto; 위 아래 0 좌우는 가운데

margin: 10 20 30 : 위 10 좌우 20 아래 30

100% : 부모 태그의 크기 기준 - width 만 적용

vw : viewport width 로 적용 100vw 이 최대

vh : viewport height 로 적용 100vh로 확대

background-image: url(../img/rose.png);

background-repeat: no-repeat;

background-position: center center;

background-size: contain, cover;

background-attachment: fixed;

<header> - 머리말 영역

<nav> - 링크 등의 메뉴 영역

<figure> - 동영상, 사진 등 멀티미디어 영역

<main> - 본문으로 콘텐츠를 담는 영역

<aside> - 본문과 연관성이 적은 외부 영역

<section> - 특정 영역을 그룹화

<article> - 기사나 개별 콘텐츠 영역

<footer> - 꼬리표 영역