본문 바로가기

전체 글

(320)
도커 정리(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 ---- ----..
AWS - 실습 - AWS Console EC2 생성 과정 1. AWS Management Console에 로그인AWS Management Console은 AWS 서비스를 관리할 수 있는 웹 기반 인터페이스입니다. 로그인을 하려면 AWS 계정의 이메일 주소와 비밀번호가 필요합니다.2. 'Services' 메뉴에서 'EC2'를 선택'Services' 메뉴는 AWS의 다양한 서비스를 카테고리별로 나열한 메뉴입니다. 여기에서 'EC2'를 선택하여 Amazon Elastic Compute Cloud 대시보드로 이동합니다. EC2는 가상 서버를 생성하고 관리할 수 있는 서비스입니다.EC2란?Amazon EC2(Elastic Compute Cloud)는 아마존 웹 서비스(AWS)가 제공하는 클라우드 기반의 가상 컴퓨팅 서비스입니다. EC2를 사용하면 사용자는 물리적인 하드..
Union-Find Algorithm (유니온 파인드 알고리즘) 탬플릿 코드 Union-Find Algorithm (유니온 파인드 알고리즘) 탬플릿 코드n, m = map(int, input().split())parent = [0] * (n + 1)for i in range(n + 1): parent[i] = idef find(node): if node != parent[node]: parent[node] = find(parent[node]) return parent[node]def union(a, b, parent): pa = find(a) pb = find(b) if pa == pb: return if a > b: parent[pa] = pb else: par..

728x90