전체 글

[Network] 컴퓨터 네트워크 스터디 1회차 - 컴퓨터네트워크란, 프로토콜, OSI 7계층, TCP/IP

🎯1. 컴퓨터 네트워크에 대해서 설명해주세요. [1단계 답변] 컴퓨터 네트워크가 무엇인지 간략하게 설명해보기 핵심 키워드 : 웹, WWW, 인터넷 컴퓨터네트워크란 컴퓨터들이 통신망을 통해 서로 연결된 체계을 말합니다. 이러한 여러 통신망을 하나로 연결하는 거대한 통신망을 인터넷이라고 하며 인터넷은 이러한 컴퓨터 네트워크가 수없이 모여서 이루어진 컴퓨터 네트워크 시스템입니다. 웹은 인터넷이 제공하는 서비스 중의 하나로, 인터넷에서 연결된 사용자들은 웹(www)이라는 공간에서 정보를 공유하고 있습니다. [2단계 답변] 컴퓨터 네트워크에 대해 좀 더 자세히 설명해보기 핵심 키워드 : 라우터, 호스트, 클라이언트, 서버, IP주소, 스위치, 스위칭 네트워크의 중심에는 라우터가 있습니다. 라우터는 다수의 네트워크..

[JS] 옵셔널 체이닝(Optional chaining) 연산자 - 객체에 안전하게 접근하기

✅ 옵셔널 체이닝 연산자 (?.) 에 대해 정리해보자! 1. 형식 객체 ?. 키 2. 의미 왼쪽 객체가 null, undefined가 아닌 경우에만, 객체.키 값을 참조한다.(왼쪽 객체가 null, undefined이면 undefiend를 반환한다) 3. 활용 객체의 프로퍼티를 참조할 때, null 체크를 편하게 할 수 있다.(여러번 중첩 사용 가능) 4. 예시코드 const obj_1 = null; console.log(obj_1.name); // error 발생 console.log(obj_1?.name); // undefined const obj_2 = { name: 'juda', family : { father: '아빠', mother: '엄마' } } console.log(obj_2?.name)..

[JS] 단축평가 ( 논리합 연산자 ||, 논리곱 연산자&& )

- 단축 평가란? 논리합 연산자인 || 와 논리곱 연산자인 && 는 왼쪽부터 오른쪽으로 평가를 진행한다. 평가결과가 나오면 끝까지 진행하지 않고 결과를 반환하는 것을 단축평가라 한다. 피연산자를 그대로 반환 (타입 변환하지 않음) 하는 것이 특징! 1. 논리합( || ) 연산자 단축평가 둘중 하나만 true 이면 true로 평가되므로 왼쪽 피연산자가 true이면 바로 왼쪽 피연산자를 그대로 반환한다. 문자열의 경우 빈 문자열이 아닌 경우는 모두 true로 평가된다 "something" || false; // "something" "something" || true; // "something" 왼쪽 피연산자가 false 인 경우 오른쪽 피연산자를 그대로 반환한다. false || "something"; /..

[JS] 프로그래머스 lv1. 기사단원의 무기

문제 설명 숫자나라 기사단의 각 기사에게는 1번부터 number까지 번호가 지정되어 있습니다. 기사들은 무기점에서 무기를 구매하려고 합니다. 각 기사는 자신의 기사 번호의 약수 개수에 해당하는 공격력을 가진 무기를 구매하려 합니다. 단, 이웃나라와의 협약에 의해 공격력의 제한수치를 정하고, 제한수치보다 큰 공격력을 가진 무기를 구매해야 하는 기사는 협약기관에서 정한 공격력을 가지는 무기를 구매해야 합니다. 예를 들어, 15번으로 지정된 기사단원은 15의 약수가 1, 3, 5, 15로 4개 이므로, 공격력이 4인 무기를 구매합니다. 만약, 이웃나라와의 협약으로 정해진 공격력의 제한수치가 3이고 제한수치를 초과한 기사가 사용할 무기의 공격력이 2라면, 15번으로 지정된 기사단원은 무기점에서 공격력이 2인 무..

[JS] 프로그래머스 lv3. 최고의 집합

문제 설명 자연수 n 개로 이루어진 중복 집합(multi set, 편의상 이후에는 집합으로 통칭) 중에 다음 두 조건을 만족하는 집합을 최고의 집합이라고 합니다. 각 원소의 합이 S가 되는 수의 집합 위 조건을 만족하면서 각 원소의 곱 이 최대가 되는 집합 예를 들어서 자연수 2개로 이루어진 집합 중 합이 9가 되는 집합은 다음과 같이 4개가 있습니다. { 1, 8 }, { 2, 7 }, { 3, 6 }, { 4, 5 } 그중 각 원소의 곱이 최대인 { 4, 5 }가 최고의 집합입니다. 집합의 원소의 개수 n과 모든 원소들의 합 s가 매개변수로 주어질 때, 최고의 집합을 return 하는 solution 함수를 완성해주세요. 제한사항 최고의 집합은 오름차순으로 정렬된 1차원 배열(list, vector)..

[JS] 프로그래머스 lv2. 가장 큰 수

문제 설명 0 또는 양의 정수가 주어졌을 때, 정수를 이어 붙여 만들 수 있는 가장 큰 수를 알아내 주세요. 예를 들어, 주어진 정수가 [6, 10, 2]라면 [6102, 6210, 1062, 1026, 2610, 2106]를 만들 수 있고, 이중 가장 큰 수는 6210입니다. 0 또는 양의 정수가 담긴 배열 numbers가 매개변수로 주어질 때, 순서를 재배치하여 만들 수 있는 가장 큰 수를 문자열로 바꾸어 return 하도록 solution 함수를 작성해주세요. 제한 조건 numbers의 길이는 1 이상 100,000 이하입니다. numbers의 원소는 0 이상 1,000 이하입니다. 정답이 너무 클 수 있으니 문자열로 바꾸어 return 합니다. 입출력 예 풀이 function solution(nu..

[React] 프로젝트 생성(CRA) 및 설치 (+ typescript 버전)

1. CRA 로 react 프로젝트 생성 npx create-react-app 프로젝트명 1-1. typescript를 사용할 경우 npx create-react-app 프로젝트명 --template typescript 2. styled-components, react-router-dom, swr 설치 styled-components 설치 (javascript) npm i styled-components styled-components 설치 (typescript) -> typescript에서 오류없이 사용하기 위해서는 styled-component의 type들을 가지고 와야한다. npm i styled-components @types/styled-components react-router-dom 설치(j..

[JS] 프로그래머스 lv2. [3차] 파일명 정렬

문제 설명 세 차례의 코딩 테스트와 두 차례의 면접이라는 기나긴 블라인드 공채를 무사히 통과해 카카오에 입사한 무지는 파일 저장소 서버 관리를 맡게 되었다. 저장소 서버에는 프로그램의 과거 버전을 모두 담고 있어, 이름 순으로 정렬된 파일 목록은 보기가 불편했다. 파일을 이름 순으로 정렬하면 나중에 만들어진 ver-10.zip이 ver-9.zip보다 먼저 표시되기 때문이다. 버전 번호 외에도 숫자가 포함된 파일 목록은 여러 면에서 관리하기 불편했다. 예컨대 파일 목록이 ["img12.png", "img10.png", "img2.png", "img1.png"]일 경우, 일반적인 정렬은 ["img1.png", "img10.png", "img12.png", "img2.png"] 순이 되지만, 숫자 순으로 정렬..