이재만 교수의 공간

1. 스타일링 코드를 분리해서 소스코드의 가독성 높임

2. 이미 정해놓은 스타일을 캐시해서 성능이 좋음

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

다음 코드로 하면 호출된다

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);

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> - 꼬리표 영역

1. aws-sdk-php 설치

composer require aws/aws-sdk-php

composer require aws/aws-php-sns-message-validator