전체 글351 728x90 프로그래머스 #완전탐색 - 소수 찾기 lv2 문제 풀이 function solution(numbers) { let answer = 0; let allPermutations = []; // 모든 경우의 수 [순열] let permutationsSet = []; // 중복을 제거한 경우의 수 // 1. 숫자 조합 순열 구하기 allPermutations = getAllPermutations([...numbers]); // 2. 중복제거 permutationsSet = getPermutationsSet(allPermutations) // 3. 소수 갯수 구하기 answer = getCountDicimal([...new Set(permutationsSet)]); return answer; } // 1. 숫자 조합 순열 구하기 function getAllP.. 2021. 9. 12. 프로그래머스 #스택/큐 - 프린터 lv2 문제 풀이 function solution(priorities, location) { let answer = 0; let seq = location; let len = priorities.length; let result = priorities; let printList = []; let stop = true; while (stop) { if (printList.length === len) { stop = false; break; // 탐색 완료 } const targetPrint = result[0]; const remainPrints = result.slice(1); if(remainPrints.find((print) => print > targetPrint)) { // 뒤에 큰 숫자가 있으므로 인쇄.. 2021. 9. 10. Mobx 6 에서 decorators가 사라진 이유 Mobx 6 Mobx 5버전 이하에선 데코레이터(@, decorators)를 사용할 수 있었지만 Mobx 6.0.0 버전으로 올라가면서 데코레이터가 빠지게 되었습니다. 데코레이터가 왜 빠졌을까요? Mobx 공식 문서에 따르면 decorators 자체가 자바스크립트의 정식 기능이 아닌 실험적인 기능이며, 정식 기능이 될 때까지 기다리기엔 정식화까지 오래 걸릴 것 같다는게 이유였습니다. 그리고 자바스크립트 정식 기능이 될 decorators와 Mobx5 이하에 개발되었던 decorators의 의미가 동일하지 못할 것 같다는 이유가 있었는데, 이게 핵심 이유로 보입니다. 사용해도 괜찮을까? 리액트와 사용한다는 관점에서 Mobx6 버전을 살펴본다면 리액트 hooks 를 위한 기능을 지속적으로 업데이트 해주고 있.. 2021. 6. 16. git #source tree #자동로그인 실패 에러 해결 소스트리 자동로그인 실패 회사 계정과 꼬였었는지 자동로그인이 계속 실패되어 PUSH할 때마다 로그인을 하라는 창이 떴습니다. 계정이 꼬인 것 같아 Windows 자격 증명에 저장된 git 계정 정보를 리셋하여 해결하였습니다. 해결과정1. 제어판 > 사용자 계정(큰글씨) 해결과정2. 자격 증명 관리자 > Windows 자격 증명 관리 해결과정3. "git:https://"로 시작하는 모두 삭제 해결과정4. 소스트리 재로그인 시도 - 성공 소스트리에 로그인 정보를 저장하는 것에 성공하였습니다. 이제 PUSH를 해도 로그인 창이 뜨지 않습니다. 2021. 3. 21. 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 #정보처리기사 필기요약 #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. 728x90 이전 1 2 3 4 5 6 7 8 ··· 30 다음 728x90
