이재만 교수의 공간

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

다음 코드로 하면 호출된다

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

1. composer에 필요한 사항 설치

sudo apt update

sudo apt install wget php-cli php-zip unzip

2. composer-setup.php 다운로드

sudo wget -O composer-setup.php https://getcomposer.org/installer 

3. composer 설치

sudo php composer-setup.php --install-dir=/usr/local/bin --filename=composer

4. composer 업데이트

sudo composer self-update

드디어 구현했다 직접 생각하고 계산해서 일주일 걸렸다

이게 말이 되나

설명하기도 어렵다

원래 데이터 아이템 list

데이터를 전체 불러왔다는 전제 하에 구현했다

일단 변수 선언

page : 현재 페이지를 가리키는 값이다 첫 번째 페이지는 1이다

buttonIndex : 버튼의 묶음 인덱스이다

contentNum : 데이터 전체 갯수 = copylist.length

maxContent : 한페이지에 보여지는 데이터 갯수

maxButton : 버튼 한 번 묶음으로 보여줄 때의 갯수이다

maxPage : 데이터 페이지 갯수이다 - 전체 데이터 갯수에서

                                                             한 페이지 보여주는 갯수로 나눔

maxBlock : 버튼 묶음 갯수이다 - 페이지 갯수가 버튼 갯수인데

                                                        이거를 버튼 한 번 묶음으로 나누면 됨

showlist : 현재 보여주는 글 목록 

buttonlist : 현재 보여주는 버튼 목록

copylist : 전체를 선택했을 때 데이터를 원본으로 돌려야 하므로 복사본을 저장

처음에는 copylist 에 데이터를 넣는다

데이터 갯수를 구해서 contentNum 에 넣는다

그리고 그에 관련된 나머지 변수들을 계산한다 - ComputePage( );

buttonList 가 maxPage에 따라 변경되기 때문에 매번 계산해야 한다

계산하고 그려준다

각 버튼에 대한 기능은 다음과 같다