전체 글

Docker 설치하기 (Mac OS)

1. 설치파일 다운로드 하기먼저, 아래의 docker 공식 사이트에 들어가준다.애플 실리콘(M1~) 유저라면, 'Docker Desktop for Mac with Apple silicon'을 선택하고,예전 Intel 칩셋이라면 'Docker Desktop for Mac with Intel chip'을 선택하면 된다. MacInstall Docker Desktop for Mac to get started. This guide covers system requirements, where to download, and instructions on how to install and update.docs.docker.com 설치 파일 다운로드가 완료되면,drag an drop으로 Applications 폴더로 설..

Docker란?

Docker란?컨테이너를 사용하여 각각의 프로그램을 분리된 환경에서 실행 및 관리할 수 있는 툴이다. 사실 아직 Docker의 이론만 공부하고, 사용해보기 전이라 크게 와닿지는 않는다.Docker를 공부하는 '프론트엔드 개발'을 공부하는 사람으로써,매번 사이드 프로젝트 할 때마다 같은 개발 환경을 설정하기 귀찮아서 찾아보다가 Docker를 공부하게 되었다.앞으로도 '프론트엔드의 입장'에서 글을 정리해나갈 생각이다. 이론 공부하면서 Docker를 왜 배워야 하는지에 대한 궁금증 정리는 전 글에 정리해두었다.2025.07.29 - [Docker] - Docker를 왜 배워야 할까. Docker를 왜 배워야 할까." data-og-description="Docker를 왜 배워야 할까결론부터 말하자면, 특정 ..

IP와 Port

IP의 개념IP란 "Internet Protocol"의 약자로, 네트워크 상에서의 특정 컴퓨터를 가리키는 주소이다.위와 같이 `nslookup` 명령어를 이용해서 주소를 입력하면,google.com도 168.126.63.1 이라는 서버 IP 주소를 가지고 있는 것을 볼 수 있다. 인터넷에 연결된 모든 장치는 반드시 자신의 IP 주소를 가지고 있어야 정보를 주고 받을 수 있다.그리고 IP 주소는 데이터를 보낼 때 목적지(받는 쪽)와 출발지(보내는 쪽)을 지정하는 역할을 한다. Port의 개념Port는 한 컴퓨터 내에서 실행되고 있는 특정 프로그램의 주소이다.인터넷 통신을 하려면 IP 주소가 컴퓨터의 '집 주소' 역할을 하지만,하나의 컴퓨터에도 여러 프로그램이 동시에 네트워크를 쓸 수 있기 때문에,어느 프로..

<프론트가> Docker를 왜 배워야 할까.

Docker를 왜 배워야 할까결론부터 말하자면, 특정 프로그램을 다른 곳으로 쉽게 옮겨서 설치 및 실행할 수 있는 '이식성' 때문이다.이러한 이식성은 다음과 같은 상황에 장점이 보인다.환경 일관성 확보빠른 개발 환경 세팅 및 온보딩배포 환경과 개발 환경의 완벽 동기화의존성/버전 충돌 방지와 격리백엔드/API, DB 등 다양한 서비스와 연동 용이운영 자동화 및 스케일링하나씩 간단하게 알아보자. 1. "내 PC에서는 되는데?" 문제 해결Docker는 개발, 테스트, 배포에 필요한 Node.js 버전, 라이브러리, 환경변수 등을 모두 컨테이너 안에 캡슐화한다.팀원이 각자 다른 OS, Node.js, 패키지 버전을 사용한다고 해보자.협업 간에 각자 사용하는 버전 차이로 인해서 어떤 사람은 되고, 어떤 사람은 되..

Programmers / 과제테스트 / [실무 역량 과제] 게시물 레이아웃 재구성하기 (FE)

게시물 레이아웃 재구성하기📌 문제테이블 형태로 나열되어 있는 게시물 조금 더 보기 좋게 카드 형태로 레이아웃을 수정하고, 정렬 및 북마크 기능을 추가하려고 합니다. 아래의 요구사항을 읽고 레이아웃 및 추가 기능을 완성해 주세요.✅ 레이아웃주어진 Card 컴포넌트를 활용하여 카드 형태로 레이아웃을 수정해 주세요.이때, 카드 요소 마다 특정 id 값을 지정해 주어야 합니다.✅ 정렬우측 상단의 셀렉트 버튼을 사용하여 게시물의 정렬 형태를 변경할 수 있습니다.게시물을 최근등록순과 조회순으로 정렬할 수 있으며, 게시물은 기본으로 최근등록순으로 정렬되어야 합니다.✅ 북마크카드 우측 상단의 북마크 아이콘 버튼을 사용하여 게시물을 북마크 할 수 있습니다.게시물이 북마크 되었음을 나타내기 위해서 북마크 된 게시물의 경..

백준 / 투 포인터 / 22862번 / 가장 긴 짝수 연속한 부분 수열 (large) / JS

문제 간단설명길이가 N인 수열 S가 있다. 수열 S는 1이상 정수로 이루어져 있는데,최대 K개의 정수를 삭제할 수 있다. 최대 K개 삭제한 수열에서,짝수로 이루어져 있는 연속한 부분 수열 중,가장 긴 길이를 구하면 된다. 제한 사항1 1 1  성공 코드const fs = require('fs');const filePath = process.platform === 'linux' ? '/dev/stdin' : '../input.txt';// const filePath = process.platform === 'linux' ? '/dev/stdin' : 'BOJ/input.txt';const input = fs .readFileSync(filePath) .toString() .trim() .split(..