전체 글31 퍼블리셔 > 프론트엔드 개발자 포트폴리오 *포트폴리오 링크https://www.h-creations.com/ React + express.js + Mysql 기반의 개인포트폴리오 입니다. 지속적으로 독학하며 리펙토링을 지속적으로 반영하여 제작하였습니다. "Figma"Figma를 사용하여 레이아웃을 디자인하고, CSS 코드를 통해 색상과 구조를 쉽게 추출하여 사용했습니다. "React.js"VCA 패턴을 이용하여 컴포넌트를 설계했습니다.*Higher-Order Components (HOC)와 Custom Hooks를 사용하여 재사용성을 높이고, 권한 제어를 구현했습니다.Infinity Scroll, Throttling, Debouncing을 활용하여 통신 최적화와 페이징을 접목시켜 UI 렌더링을 최소화했습니다. useQuery와 Axi.. 2024. 6. 17. [정보처리기사] 데이터베이스 구축 & 설계 데이터베이스 구축 & 설계 데이터 베이스의 정의 ⭐ 통합 데이터 (Integrated) - 중복이 최소화 된 데이터의 모임 저장 데이터 (Stored) - 매체에 저장 된 데이터 공유 데이터 (Sharid) - 여러 응용 프로그램들이 공동으로 사용 하는 데이터 운영 데이터 (Operational) - 조직의 목적을 위한 필수 데이터 데이터 베이스의 생명주기 분석 → 설계 → 구현 → 운영 → 감시 데이터 언어 DDL - 데이터베이스의 구조와 제약 조건의 정의 (Create , Alter , Drop) DML - 데이터베이스의 읽고 쓰고 조작에 사용 되는 언어 (Insert , update , delete , select) DCL - 보안, 권한 등 무결성 병행 제어를 위한 언어 (REVOKE 권한철회 ,.. 2024. 3. 27. [React] - ESLint 설치 및 설정 Eslint 1. Eslint 설치 npm install eslint@lates --save-dev 2. npx eslint --init ❗이때 .eslintrc.json 파일 생성 3. 핵심 플러그인 설치 "eslint", ⭐ ⭐ ⭐ JavaScript와 JSX 파일의 코드 품질과 코딩 스타일 문제를 식별하기 위한 도구 " eslint-plugin-import ", ⭐ ES6+의 import/export 문법과 관련된 문제를 식별하는 ESLint 플러그인 " eslint-plugin-react ", ⭐ ⭐ ⭐ React와 JSX 파일의 특정 규칙을 적용하기 위한 ESLint 플러그인 "plugin:jsx-a11y/recommended", ⭐ jsx-a11y 플러그인 추가 / 웹접근성 관련 "plugin.. 2024. 3. 26. [useQuery] StaleTime , gcTime [StaleTime] StaleTime은 데이터에 대한 frash 함을 나타내는 척도로 보면 되며 예로 useQuery에서 useQuery({ querykey : ['some-key' , 디펜던시 키 ] , queryFn : ()=>난함수(page) , staleTime : 10000 }) 으로 지정하게되면 이는 10초 내는 신선도를 유지하는 데이터로 취급되며 재 요청하여도 아직 프래쉬한 데이터라 판단하고 캐싱된 데이터를 사용한다. GcTime은 메모리의 가비지 컬렉터를 생각하면 이해가 편함 해당 시간이 지나면 데이터를 재 패칭하도록 삭제한다. 혹여나 전역 queryClient 인스턴스의 메서드인 prefetchQuery로 다음 진입페이지에 대한 데이터를 미리 패칭하여 캐싱한다고 하여도 staleTime.. 2024. 3. 21. 이전 1 2 3 4 ··· 8 다음
