전체 글

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(..

Programmers / Level 2 / 우박수열 정적분 / JS

문제 간단설명우박수열은 1을 만들기 위해 다음과 같은 단계를 거칩니다.1-1. 입력된 수가 짝수라면 2로 나눕니다.1-2. 입력된 수가 홀수라면 3을 곱하고 1을 더합니다.2. 결과로 나온 수가 1보다 크다면 위 작업을 반복합니다. 은지는 우박수열을 좌표 평면 위에 꺾은선 그래프로 나타내보려고 합니다.초항이 k인 우박수열이 있다면, x = 0일때 y = k이고,다음 우박수는 x = 1에 표시합니다. 이렇게 만든 꺾은선 그래프를 정적분 하려고 합니다.x에 대한 범위 [a, b]가 주어진다면,처음부터 a만큼, 끝에서 b만큼 좌표사이의 넓이를 구하면 됩니다. 예를 들어,좌표가 6개 주어졌고,[a, b]가 [1, -2]라면,x = 1부터 x = 5(배열은 0부터 시작하므로 6은 5번째이다)에서 2를 뺀 3까지의..

Programers / Level 3 / 양과 늑대 / JS

문제 간단설명"양과 늑대" 문제는 트리 구조에서 양과 늑대를 관리하며 최대한 많은 양을 모으는 문제입니다. 제한 사항2 info의 원소는 0 또는 1입니다.info[i]는 i번 노드에 있는 양 또는 늑대를 나타냅니다.0은 양, 1은 늑대를 의미합니다.info[0]의 값은 항상 0입니다.즉, 0번 노드(루트 노드)에는 항상 양이 있습니다.edges의 세로(행)의 길이 = info의 길이 - 1edges의 가로(열)의 길이 = 2edges의 각 행은 [부모 노드 번호, 자식 노드 번호] 형태로,서로 연결된 두 노드를 나타냅니다.동일한 간선에 대한 정보가 중복해서 주어지지 않습니다.항상 하나의 이진 트리 형태로 입력이 주어지며, 잘못도니 데이터가 주어지는 경우는 없습니다.0번 노드는 항상 루트 노드입니다. 성..