본문 바로가기

전체 글343

728x90
React #mongoose #페이지네이션 구현 React와 mongoose로 페이지네이션 구현 mongoose란? mongoose란, mongoDB라는 NoSQL 데이터베이스를 지원하는 노드의 확장모듈이다. mongoose는 mongoDB의 ODM(Object Document Mapping)이다. 문서를 DB에서 조회할 때 자바스크립트 객체로 바꿔주는 역할을 한다. 페이지네이션이란? 화면에 출력할 데이터 양이 많은 경우 한 화면에 전부 보여줄 수 없어 끊어 보여주는 것을 말한다. 페이지네이션 함수 find() : 조회 sort() : 순서대로 조회 limit() : 조회 개수 skip() : 넘길 개수 lean() : plain JSON 객체를 받아온다. 직접 쿼리를 작성해서 페이지 기능 구현 Post 목록을 조회하는 listAPI이다. Post.f.. 2021. 3. 17.
React #joi 로 유효성 검증하기 joi 설치 및 사용 joi는 유효성 검증을 보다 수월하게 해주는 라이브러리입니다. 아래 명령어로 joi를 설치합니다. $ yarn add joi 게시글을 작성하는 코드입니다. joi를 활용하여 데이터 타입, 필수여부 등을 체크하여 결과를 리턴합니다. (...) const Post = require('../../models/post'); const Joi = require('joi'); /* POST /api/posts { title, body, tags } */ exports.write = async (ctx) => { // 객체가 지닌 값들을 검증 const schema = Joi.object().keys({ title: Joi.string().required(), // 뒤에 required를 붙여 .. 2021. 3. 17.
React #라우트 코드 스플리팅 #비동기적으로 코드 불러오기 청크(chunk) 생성 페이지에서 필요한 코드들만 불러오려면, 청크(chunk)를 생성해야 한다. SplitMe.js 파일을 AsyncSplitMe.js 파일에서 비동기적으로 불러오는 소스이다. SplitMe.js import React from 'react'; const SplitMe = () => { return ( 청크 ); }; export default SplitMe; AsyncSplitMe.js import React, { Component } from 'react'; class AsyncSplitMe extends Component { state = { SplitMe: null } loadSplitMe = () => { // 비동기적으로 코드를 불러옵니다. 함수는 Promise를 결과로 반환.. 2021. 3. 15.
React #SPA 개발하기 #1. 절대 경로 설정, 라우팅 SPA란? SPA는 Single Page Application의 약어로 하나의 페이지 내에서 새로고침 없이 내용(page)을 교체하는 애플리케이션을 뜻한다. 실제 실무에서 자주 개발했던 방식이다. 리소스 정보를 페이지 이동이 빨라지는 장점이 있으나 초기에 모두 다운 받아야하므로 규모가 큰 애플리케이션인 경우 lazy loading이나 SSR를 활용하여 최적화해줘야한다. React SPA 개발 준비 React로 SPA를 개발하기 위해 create-react-app으로 애플리캐이션을 추가해준 뒤 아래와 같이 진행한다. yarn add react-router yarn add react-router-dom src/pages 경로에 Home.js와 About.js 페이지를 작성한다. 컴포넌트들을 불러와 파일 하나.. 2021. 3. 14.
2021 #정보처리기사 수제비 책 오류내용 체크 책 정보 수제비2021 정보처리기사 필기 [최신개정판] 2021년 1월 25일 제2판 제2쇄 발행본 도서출판 건기원 오류 내용 정리 페이지 번호 오류내용 확인내용 4-93 33번) UNIX SHELL 환경 변수를 출력하는 명령어가 아닌것은? 정답이 4번이라 적혀있는 오류 2020년 4회 기출문제이며 1번이 정답입니다. 6-73의 2020년 4회 기출 40번의 답은 1번으로 나와있습니다. 6-35 수제비 최종모의고사 2회 52번 정답이 1번이라 적혀있는 오류 2번이 정답입니다. 정답 해설은 2번으로 설명되어있습니다. 2021. 3. 7.
2021 #정보처리기사 필기요약 #5-4. 시스템 보안 구축 2021년 NCS기반 정처기 필기입니다. 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다. 참고2. 주황강조는 약어 혹은 중요한 내용입니다. 참고3. 회색마킹은 예시입니다. 제 5과목 정보시스템 구축 관리 > 시스템 보안 구축 > 시스템 보안 설계 (1) 서비스 공격 유형 DoS 공격 시스템을 악의적으로 공격해 해당 시스템의 자원을 부족하게 하여 원래 의도된 용도로 사용하지 못하게 하는 공격이다. DoS 공격의 종류 공격기법 설명 SYN 플러딩(SYN Flooding) TCP 프로토콜의 구조적인 문제를 이용한 공격 UDP 플러딩(UDP Flooding) 대량의 UDP 패킷을 만들어 임의의 포트 번호로 전송하여 응답 메시지(ICMP Destination Unreachable)를 생성하게 하여 지속해서 자.. 2021. 3. 4.
2021 #정보처리기사 필기요약 #5-3. 소프트웨어 개발 보안 구축 2021년 NCS기반 정처기 필기입니다. 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다. 참고2. 주황강조는 약어 혹은 중요한 내용입니다. 참고3. 회색마킹은 예시입니다. 제 5과목 정보시스템 구축 관리 > 소프트웨어 개발 보안 구축 소프트웨어 개발 보안 설계 (1) SW 개발 보안 SW 개발 보안의 구성요소 (기무가) 3대 요소 설명 기밀성 (Confidentiality) 인가되지 않은 개인 혹은 시스템 접근에 따른 정보 공개 및 노출을 차단하는 특성 무결성 (Integrity) 정당한 방법을 따르지 않고선 데이터가 변경될 수 없으며, 데이터의 정확성 및 완전성과 고의/악의로 변경되거나 훼손 또는 파괴되지 않음을 보장하는 특성 가용성 (Availability) 권한을 가진 사용자나 애플리케이션이 원.. 2021. 3. 4.
2021 #정보처리기사 필기요약 #5-2. IT 프로젝트 정보시스템 구축관리 2021년 NCS기반 정처기 필기입니다. 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다. 참고2. 주황강조는 약어 혹은 중요한 내용입니다. 참고3. 회색마킹은 예시입니다. 제 5과목 정보시스템 구축 관리 > IT 프로젝트 정보시스템 구축관리 (1) 네트워크 구축관리 IT 신기술 및 네트워크 장비 트렌드 정보 가상화 기반 네트워크 기술 구분 설명 구성요소 SDN (Software Defined Network) 개방형 API(오픈플로우) 기반으로 네트워크 장비의 트래픽 경로를 지정하는 컨트롤 플레인(Control Plane)과 트래픽 전송을 수행하는 데이터 플레인을 분리하여 네트워크 트래픽을 중앙 집중적으로 관리하는 기술이다. 애플리케이션(Application), 네트워크 운영체제, 데이터 플레인(Dat.. 2021. 3. 3.
2021 #정보처리기사 필기요약 #5-1. 소프트웨어 개발방법론 활용 2021년 NCS기반 정처기 필기입니다. 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다. 참고2. 주황강조는 약어 혹은 중요한 내용입니다. 참고3. 회색마킹은 예시입니다. 제 5과목 정보시스템 구축 관리 > 소프트웨어 개발방법론 선정 (1) 소프트웨어 생명주기 모델 소프트웨어 생명주기(SDLC; Software Development Life Cycle) 소프트웨어 생명주기는 시스템의 요구분석부터 유지보수까지 전 공정을 체계화한 절차이다. 소프트웨어 생명주기 모델 프로세스 (요설구테유) 요구사항 분석 단계 설계 단계 구현 단계 테스트 단계 유지보수 단계 소프트웨어 생명주기 모델 종류 (폭프나반) 종류 설명 폭포수 모델 (Waterfall Model) 소프트웨어 개발 시 각 단계를 확실히 마무리 지은 후.. 2021. 3. 2.
2021 #정보처리기사 필기요약 #4-3. 기본 개발환경 구축 2021년 NCS기반 정처기 필기입니다. 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다. 참고2. 주황강조는 약어 혹은 중요한 내용입니다. 참고3. 회색마킹은 예시입니다. 제 4과목 프로그래밍 언어 활용 > 기본 개발환경 구축 웹 서버(Web Server) 웹서버의 정적/동적 콘텐츠 정적 콘텐츠 동적 콘텐츠 미리 생선된 페이지를 사용자 요청에 의해 바로 응답하는 콘텐츠 서버사이드 스크립트 언어를 이용하여 사용자 요청에 의해 생성되는 콘텐츠 웹 서버는 파일 경로 이름을 받아 경로와 일치하는 파일 콘텐츠를 반환 항상 동일한 페이지 반환 image, html, css, javascript 파일과 같이 컴퓨터에 저장되어 있는 파일 제공 인자의 내용에 맞게 동적인 콘텐츠 반환 즉, 웹 서버에 의해서 실행되는 .. 2021. 3. 2.
2021 #정보처리기사 필기요약 #4-3. 네트워크 기초 활용 2021년 NCS기반 정처기 필기입니다. 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다. 참고2. 주황강조는 약어 혹은 중요한 내용입니다. 참고3. 회색마킹은 예시입니다. 제 4과목 > 응용 SW 기초 기술 활용 > 네트워크 기초 활용 근거리 통신망(LAN; Local Area Network) 근거리 통신망(LAN) 전송망 구성 형태 (버트링메성) 버스형(Bus) / 트리형(Tree) / 링형(Ring) / 매시형(Mesh) / 성형(Star) 무선랜 통신망(WLAN; Wireless Local Area Network) 무선랜 통신망은 유선 LAN과 무선 단말 사이를 무선주파수를 이용하여 전송하는 네트워크이다. IEEE 802.11 IEEE 802.11은 흔히 무선랜, 와이파이(Wi-Fi)라고 부르는.. 2021. 3. 2.
2021 #정보처리기사 필기요약 #4-3. 운영체제 기초 활용 2021년 NCS기반 정처기 필기입니다. 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다. 참고2. 주황강조는 약어 혹은 중요한 내용입니다. 참고3. 회색마킹은 예시입니다. 제 4과목 프로그래밍 언어 활용 > 응용 SW 기초 기술 활용 (1) 운영체제 기초 활용 운영체제(OS; Operating System) [2020년 3회] 사용자로 하여금 컴퓨터의 하드웨어를 보다 쉽게 사용할 수 있도록 인터페이스를 제공해 주는 소프트웨어이다. 다중 사용자와 다중 운용 프로그램 환경하에서 자원의 현재 상태를 파악하고 자원 분배를 위한 스케줄링을 담당한다. CPU, 메모리 공간, 기억장치, 입출력 장치 등의 자원을 관리한다. 입출력 장치와 사용자 프로그램을 제어한다. 운영체제의 종류로는 윈도즈, 리눅스/유닉스, 맥(.. 2021. 3. 1.

티스토리툴바