분류 전체보기348 728x90 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 #정보처리기사 필기요약 #4-3. 기본 개발환경 구축 2021년 NCS기반 정처기 필기입니다. 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다. 참고2. 주황강조는 약어 혹은 중요한 내용입니다. 참고3. 회색마킹은 예시입니다. 제 4과목 프로그래밍 언어 활용 > 기본 개발환경 구축 웹 서버(Web Server) 웹서버의 정적/동적 콘텐츠 정적 콘텐츠 동적 콘텐츠 미리 생선된 페이지를 사용자 요청에 의해 바로 응답하는 콘텐츠 서버사이드 스크립트 언어를 이용하여 사용자 요청에 의해 생성되는 콘텐츠 웹 서버는 파일 경로 이름을 받아 경로와 일치하는 파일 콘텐츠를 반환 항상 동일한 페이지 반환 image, html, css, javascript 파일과 같이 컴퓨터에 저장되어 있는 파일 제공 인자의 내용에 맞게 동적인 콘텐츠 반환 즉, 웹 서버에 의해서 실행되는 .. 2021. 3. 2. 2024 #정보처리기사 필기요약 #4-3. 네트워크 기초 활용 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다.참고2. 주황강조는 약어 혹은 중요한 내용입니다.참고3. 회색마킹은 예시입니다. 제 4과목 > 응용 SW 기초 기술 활용 > 네트워크 기초 활용근거리 통신망(LAN; Local Area Network)근거리 통신망(LAN) 전송망 구성 형태 (버트링메성)버스형(Bus) / 트리형(Tree) / 링형(Ring) / 매시형(Mesh) / 성형(Star) 무선랜 통신망(WLAN; Wireless Local Area Network)무선랜 통신망은 유선 LAN과 무선 단말 사이를 무선주파수를 이용하여 전송하는 네트워크이다. IEEE 802.11IEEE 802.11은 흔히 무선랜, 와이파이(Wi-Fi)라고 부르는 무선 근거리 통신망을 위한 컴퓨터 무선 네트워크에 사.. 2021. 3. 2. 2024 #정보처리기사 필기요약 #4-3. 운영체제 기초 활용 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다.참고2. 주황강조는 약어 혹은 중요한 내용입니다.참고3. 회색마킹은 예시입니다. 제 4과목 프로그래밍 언어 활용(1) 운영체제 기초 활용운영체제(OS; Operating System) [2020년 3회]사용자로 하여금 컴퓨터의 하드웨어를 보다 쉽게 사용할 수 있도록 인터페이스를 제공해 주는 소프트웨어이다.다중 사용자와 다중 운용 프로그램 환경하에서 자원의 현재 상태를 파악하고 자원 분배를 위한 스케줄링을 담당한다.CPU, 메모리 공간, 기억장치, 입출력 장치 등의 자원을 관리한다.입출력 장치와 사용자 프로그램을 제어한다.운영체제의 종류로는 윈도즈, 리눅스/유닉스, 맥(Mac), 안드로이드(Android)가 있다.운영체제는 크게 인터페이스(쉘)와 커널(Ke.. 2021. 3. 1. 2021 #정보처리기사 필기요약 #4-2. 프로그래밍 언어 활용 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다.참고2. 주황강조는 약어 혹은 중요한 내용입니다.참고3. 회색마킹은 예시입니다. 제 4과목 프로그래밍 언어 활용기본문법 활용데이터 타입(Data Type)데이터 타입의 유형 (불문열 정부)블린(Boolean) / 문자(Char) / 문자열(String) / 정수(Int) / 부동 소수점(Float) 변수(Variable)변수는 저장하고자 하는 어떠한 값이 있을 때, 그 값을 주기억장치에 기억하기 위한 공간이다.변수 설정 규칙영문 대/소문자, 숫자, 밑줄('_'), 달러('$')만 작성 가능하다.첫 자리에는 숫자를 사용할 수 없다.공백을 사용할 수 없다.이미 사용되고 있는 예약어(for, if, while 등)의 경우에는 변수로 사용할 수 없다. 배열(A.. 2021. 3. 1. 2021 #정보처리기사 필기 시험 - 유의사항 2021년 정기 기사 1회 - 정보처리기사 필기 시험 유의사항입니다. 시험 치기 전에 미리 확인하시고 준비물을 필참합시다. 유의사항 요약 시험시작 30분 전까지 입실 완료 전자계산기는 정해준 것만 쓸 수 있음 소지 불가 물품(전자 통신기기 등)을 소지하고 시험치면 퇴실 및 무효처리 시험시간 중 인터넷 사용 금지 시험시간 중 필기도구 및 계산기 등을 빌리거나 빌려주지 못함 필기시험 시간 중에는 화장실 이용 제한 시험시간 1/2 경과 후 퇴실가능 응시자격 온라인제출서비스 사용기간은 '필기접수수초일 ~ 필기합격자발표일+7일까지' 응시자격서류제출기간 이전에도 서류제출은 상시로 가능하며, 실기접수기간 이전 응시자격서류심사가 종료되므로 이 점 참고 준비물 요약 수험표, 신분증, 검정색 사인펜 (OMR 표기용) 계산.. 2021. 3. 1. 2024 #정보처리기사 필기요약 #4-1. 서버프로그램 구현 참고1. 노랑마킹은 시험에 나온 중요한 부분입니다.참고2. 주황강조는 약어 혹은 중요한 내용입니다.참고3. 회색마킹은 예시입니다. 제 4과목 프로그래밍 언어 활용 > 서버프로그램 구현개발환경 구축개발환경 구축은 응용 소프트웨어의 개발 편의성, 개발 성능 향상을 위해 하드웨어 및 소프트웨어 개발환경을 구축하는 과정이다. 개발환경 구축 도구의 분류 (빌구테형)빌드 도구 / 구현 도구 / 테스트 도구 / 형상 관리 도구 개발환경 구축 절차프로젝트 요구사항 분석필요 도구 설계개발언어 선정구현도구 선정빌드, 테스트 도구 선정개발환경 구성요소개발환경구분하드웨어 개발환경서버 하드웨어 개발환경웹 서버 (Web Server)웹 애플리케이션 서버 (WAS; Web Application Server)데이터베이스 서버 (D.. 2021. 3. 1. 728x90 이전 1 ··· 3 4 5 6 7 8 9 ··· 35 다음 728x90
