본문 바로가기

분류 전체보기

 (354)
자바스크립트용 bfs 탬플릿 코드 const readline = require("readline");const rl = readline.createInterface({ input: process.stdin, output: process.stdout,});let input = [];rl.on("line", (line) => { input.push(line);});rl.on("close", () => { const result = solution(input); for (let i = 0; i line.split(" ").map(Number)); let visited = Array.from({ length: n }, () => new Array(m).fill(false)); let cnt = 0; let extents = []..
자바스크립트 입력 받는 방법 const readline = require("readline");const rl = readline.createInterface({ input: process.stdin, output: process.stdout,});let input = "";rl.on("line", (line) => { input += line;});rl.on("close", () => { const result = solution(input); console.log(result); process.exit(0);});function solution(input) {// 로직} 프로그래머스는 입력이 자동으로 되서 신경을 안써도 되는데 백준은 신경을 써야하는데 자바스크립트 입력 받는 방법이 괴랄하다. 여기서 남겨 놓고 필요할 ..
[Docker] 정리(1) - 이미지 & 컨테이너 1. '이미지'란 무엇인가요? (Docker로 작업할 때)- 이미지는 읽기/쓰기 액세스 권한이 있는 인스턴스를 실행하는 컨테이너의 "블루프린트" 2. '이미지'와 '컨테이너'가 있는 이유는 무엇인가요?'컨테이너'만으로는 왜 안될까요?- 이미지와 컨테이너와의 개념을 통해, 여러 컨테이너가 서로 간섭하지 않고 동일한 이미지를 기반으로 작업할 수 있게 해준다. 3. 컨테이너와 관련하여 '격리'는 무엇을 의미하나?- 컨테이너는 서로 분리되어 있으며, 디폴트로 공유 데이터나 상태가 없다. 4. '컨테이너'란 무엇인가?- 이미지를 기반으로 하는 격리된 소프트웨어 유닛. 이미지의 실행 중인 인스턴스 이다. 5. 이미지의 내부 내용(context)에서 '레이어'란 무엇인가?- 이미지의 모든 명령은 캐시 가능한 레이어를..
vue 에서 yup을 사용하여 유효성 검사하는 방법 정리 1. yup 스키마 정의 yup은 스키마를 정의하므로써 규칙을 정의 합니다.const schema = yup.object().shape({ title: yup.string().required('title is required').min(1, 'title is required'), category: yup .string() .required('category is required') .min(1, 'category is required'), data: yup.string().required('data is required').min(1, 'data is required'),}); title: 문자열이어야 하며, 필수 값입니다. 최소 한 글자 이상이 입력되어야 합니다.category: ..
OS 문제 오답 정리 문제 1: NFS는 네트워크를 통해 파일 및 디렉토리를 공유하는 데 사용되는 프로토콜입니다. 하지만 몇 가지 단점이 존재하는데 이에 가장 올바르지 않은 것은?설명: NFS는 다른 비용이 들지 않는 오픈 소스 프로토콜이며, 기존의 장비와 시스템을 이용하여 파일 공유 및 데이터 관리를 간편하게 구성할 수 있다.옵션:보안 문제네트워크 의존성높은 비용일관성 관리성능 저하정답: 3번 높은 비용 (NFS는 오픈 소스이므로 높은 비용이 들지 않음)문제 3: 다음 중 윈도우 명령어와 그에 대한 설명으로 가장 옳지 않은 명령어는?설명: clear는 Linux 운영체제에서 터미널 화면을 초기화하는 명령어이다.옵션:dir: 현재 위치의 파일과 디렉토리(폴더) 목록 보기cd: 디렉토리 변경copy: 파일 복사clear: 현재..
프론트 문제 - 오답 정리 문제1: 다음 설명으로 올바르지 않은 것은?옵션:null: 사용자가 null값을 변수에 할당한 경우(빈 값이라는 의미)undefined: 변수를 선언하고 값을 할당하기 전의 값이며, 변수에 값이 할당되어 있지 않은 상태undeclared: 변수를 선언하였으나 선언한 변수의 값이 null일 경우NaN: "Not a Number"의 약어이며, 컴퓨터에서 숫자로 나타낼 수 없을 때 나타내는 표시정답: 3번 undeclared: 변수를 선언조차 하지 않은 경우 (올바르지 않은 설명)문제2: Vue.js에서 v-bind 디렉티브의 역할은 무엇입니까?설명: Vue.js에서 v-bind 디렉티브는 HTML 속성을 동적으로 바인딩할 때 사용됩니다. 예를 들어, v-bind는 href 속성을 바인딩하고, v-bind는 ..
웹 최적화 정리 ! 이미지 지연 로딩 - 분석 툴1.  Network 패널 Perfornance 패널, Lighouse 패널2. 크롬 개발자 도구의 Coverage 패널3. Squoosh - 서비스 이미지 압축 도구4. PurgeCss - 사용하지 않는 css를 제거해주는 툴 Intersection Observer - 브라우저 제공 api: 웹 페이지의 특정 요소를 관찰하면 페이지 스크롤 시, 해당 요소가 화면에 들어왔는지 아닌지 알려 준다.  ### Intersection Observer 적용 코드import React, {useRef, useEffect} from 'react'function Card(props) { const imgRef = useRef(null); useEffect(() => { const op..
aws - cli - 실습 과정 Microsoft Windows [Version 10.0.22631.3880](c) Microsoft Corporation. All rights reserved.C:\Users\admin>aws configureAWS Access Key ID [None]: khsidAWS Secret Access Key [None]: khsacceskeyDefault region name [None]: ap-northeast-2Default output format [None]: jsonC:\Users\admin>aws configure list Name Value Type Location ---- ----..
728x90

티스토리툴바