전체 글82 [Docker] Dockerfile 만들어보기 비전공자도 이해할 수 있는 Docker 입문/실전 (박재성) 📢 Dockerfile이란?도커 허브를 통해서 이미지를 다운 받아 컨테이너를 구성할 수 있다. 이 때 이미지를 만들기 위한 설계도와 같은 역할을 하는 것이 Dockerfile이다. 이미지 자체를 공유하는 것이 아닌 이미지를 생성하기 위한 스크립트를 공유함으로써 배포에 용이하다. 🎈 도커 이미지 생성✅ Dockerfile을 통해서 이미지를 생성할 수 있는데 명령어는 다음과 같다.docker build -t [이미지명][태그명] Dockerfile경로태그명을 작성하지 않으면 자동적으로 latest 로 생성된다. ⚙ 명령어1️⃣ FROM베이스 이미지를 생성하는 역할을 한다. 컨테이너를 구성할 시 필요한 초기 이미지를 기반으로 셋팅을 하게 된다. .. 2025. 5. 4. Codeql 간단 사용 💻 소개CodeQL은 코드베이스를 관계형 데이터베이스로 변환해, SQL과 유사한 QL 쿼리로 정적 분석을 수행하도록 설계된 도구이다. 이를 통해 보안 취약점과 안티패턴을 자동으로 탐지하고 코드 품질을 개선할 수 있도록 도와준다.또한 GitHub CI/CD 파이프라인을 통해 자동화할 수 있다. 🛠️ 설치Codeql을 실행하기 위해서는 CLI를 설치해야한다. 다음과 같은 과정을 통해 진행하면 된다. 설치는 codeql-home 디렉토리를 만들어 해당 디렉토리에 설치할 예정이다. 최종적으로 다음과 같이 두개의 디렉토리가 존재하면 된다.codeql-home ㄴ codeql ㄴ codeql-repo 1️⃣ CLI 다운로드 받기https://github.com/github/codeql-action/releas.. 2025. 5. 3. [Javascript] 원시타입에 전개연산자 사용 객체 또는 배열에 전개 연산자를 사용해서 쉽게 병합 또는 복사할 수 있는 기능을 제공한다. 🎈 원시타입값을 객체에 전개 연산자 사용아래와 같이 원시 타입의 값을 전개연산자를 사용하면 어떻게 될까? const obj = { ...1, ...'', ...undefined, ...null} 처음에는 오류가 날 것으로 생각하였다. 하지만 객체에 원시값을 전개 연산자를 사용하더라도 오류가 나지 않고 값이 무시된다. 빈 객체가 생성되는 것을 확인할 수 있다.console.log(obj); // {} 이걸 알기 전에는 오류가 날 것이라 생각해서 전개 연산자를 사용할 땐 값이 없는 경우도 존재한다면, 빈 객체로 초기화를 하도록 코드를 작성하였다. 아래의 예제 처럼 조건에 따라 병합 여부를 결정하는 경우에 조.. 2025. 4. 27. [Docker] 도커 볼륨 비전공자도 이해할 수 있는 Docker 입문/실전 (박재성) 🎈 컨테이너의 휘발성컨테이너에서 사용하는 데이터는 컨테이너 내부에 존재하기 때문에 컨테이너를 삭제하는 경우 데이터까지 모두 제거된다. 📯 볼륨컨테이너가 제거되더라도 데이터는 보존하여 이후 새롭게 생성된 컨테이너에 복구 또는 기존 데이터를 활용할 수 있게 해주는 것이 볼륨이다. 이를 통해 컨테이너의 영속성을 확보할 수 있다. 1️⃣ 볼륨 생성하기✅ docker volume create 명령어를 통해서 볼륨을 생성할 수 있다.docker volume create 볼륨명 볼륨이 생성되는 위치는 다음과 같다.리눅스: /var/lib/docker/volumes/Windows: C:\ProgramData\Docker\volumes\ ✅ docker .. 2025. 4. 26. [Docker] 도커 컨테이너, 이미지 CLI 비전공자도 이해할 수 있는 Docker 입문/실전 (박재성) 🎈 도커 허브도커허브란 이미지를 저장, 다운로드 받을 수 있게 해주는 저장소 역할을 하는 서비스이다.개인이 직접 업로드한 이미지뿐 아니라, 다른 사람이 공개한 이미지를 다운받을 수도 있다.https://www.docker.com/products/docker-hub/ 📯 이미지1️⃣ 이미지 다운로드✅ docker pull 명령어를 통해 도커 허브에서 이미지를 다운받을 수 있다.docker pull 이미지명docker pull 이미지명:태그명이미지명만 작성하는 경우 태그가 latest인 이미지를 다운받아준다.태그명을 추가해서 원하는 버전의 이미지를 다운받을 수 있다. docker pull nginx ✨ 보통 컨테이너 생성과 동시에 자동으로 .. 2025. 4. 19. [React] memo, useCallback 사용해보기 React.memo, useCallback, useMemo 는 리액트 성능 향상을 위해서는 빠지지 않고 등장하는 기능들이다. 이번에는 memo, useCallback를 사용해서 컴포터넌트의 리렌더링 발생을 줄여나가는 방법에 대해서 알아보려고 한다. 예제로 사용 될 컴포넌트는 다음과 같다. 기능은 각 버튼 클릭 시 클릭한 횟수를 보여주는 아주 간단한 기능이다. 그리고 두개의 버튼을 클릭한 횟수 전체를 보여주는 sum 도 제공한다.import "../App.css";import { useState } from "react";const Performance1 = () => { const [sum, setSum] = useState(0); const [count1, setCount1] = useState(0.. 2025. 4. 16. 이전 1 2 3 4 ··· 14 다음
