분류 전체보기 67

React Pagination 사용하기

Version React 18.2.0 , Typescript 4.9.5 , Sass 7.0.1 사용법 import React from 'react'; import { useState } from 'react'; const Pagination = () => { // 페이지당 보여줄 게시물 수 const MaximumContentItems = 10; // DB에서 가져오는 게시물 data const [posts, setPosts] = useState(DummyRankingData); // 페이지 초기설정 const [page, setPage] = useState(1); // /** * 게시물의 위치 구하는 공식 = 현재 페이지 번호 * 페이지당 보여줄 게시물 수 * 현재 페이지 번호를 기준으로 표시해줘야할 ..

React + Typscript에 AOS 라이브러리 사용법

AOS Install npm install --save aos@next 또는 yarn add aos@next AOS 타입스크립트 Install npm i --save-dev @types/aos 또는 yarn add --save-dev @types/aos 타입스크립트는 AOS, types 둘다 설치 해야 됩니다. 사용 할 컴포넌트에 AOS import import React, { useEffect } from 'react'; import 'aos/dist/aos.css'; import './App.css'; && JSX useEffect(() => { AOS.init(); }, []) 남은 사용법은 AOS 공식 페이지에서 확인 후 사용하시면 됩니다! https://michalsnik.github.io/ao..

(Window) React Native(Ts) CLI 환경설정

전 회사 개발자 분과 이야기를 하다 괜찮은 프로젝트가 떠올라 새로운 프로젝트를 시작하게 되었고 가장 먼저 앱으로 출시한 뒤 웹으로도 개발을 하자는 이야기가 나오게 되었습니다. 현재 인원은 디자이너, 기획자, 백엔드 개발자, 프론트 개발자로 구성이 되어 있으며, 프로젝트를 구현 하면서 필요하다면 그때마다 사람을 모집할 계획입니다. 주요 서비스와 프로젝트의 기능 부가서비스 및 비즈니스 모델은 어느 정도 준비가 되어있는 상태이며, 완성이 되어가는 과정들과 결과들에 관한 내용들을 작성할 예정입니다! Expo CLI가 아닌 React Native CLI를 선택한 이유 각각의 장단점이 있지만 가장 큰 이유는 Native CLI Expo보다 자유도가 높으며, 모듈을 직접 제작할 수 있기 때문에 단순 프로젝트가 아닌 ..

MySQL Workbench 1044 error 권한 없음

MySQL Workbench를 통해 스키마를 생성하는 중 생긴 오류 해결 방법: amg user의 권한을 부여해주면 됩니다. 1. 명령프롬프트 관리자 권한으로 실행 2. mysql -u root -p 3. root 패스워드 입력 4. (mysql 스키마 선택) use mysql; 5. host와 user 확인 select user, host from user; 6. 사용자 권한 확인 show grants for amg; 권한이 없음을 확인 7. 권한 부여 # amg 유저에게 모든 권한 부여 grant all privileges on *.* to amg; 8. 변경된 내용 메모리에 반영 flush privileges; 사용자 추가 mysql> create user 사용자ID; # 사용자(user)를 추가하..

SQL 표준문법 - ANSI SQL (Cheat Sheet)

ANSI SQL 이란 Oracle, MySQL, PostgreSQL 등 다양한 DBMS들이 있다보니 미국 표준협회에서 SQL문의 표준이 필요하다 판단하여 SQL문을 정립시켜 놓은 것 입니다. ANSI SQL의 특징 - DBMS의 종류에 제약받지 않고 사용이 가능 합니다. - WHERE절과 JOIN절의 분리가 잘 되어있어 가독성이 좋습니다. --ANSI쿼리 SELECT I.NAME, I.GRADE, G.GNAME FROM SEE_INFO I INNER JOIN SEE_GRADE G ON I.GRADE = G.GRADE; --오라클쿼리 SELECT I.NAME, I.GRADE, G.GNAME FROM SEE_INFO I, SEE_GRADE G WHERE I.GRADE = G.GRADE; 오라클 쿼리에서는 W..