늘 겸손하게

목차 질문리스트 정답 출처 질문 리스트 1. 네트워크가 무엇인가요? 2. 좋은 네트워크의 기준이 무엇인가요? 3. 처리량, 지연시간을 설명해주세요? 4. 네트워크 토폴로지와 병목현상을 설명해주세요 5. 네트워크를 크기에 따라 분류하면? 6. TCP/IP 4계층 모델을 설명해주세요 7. TCP/IP 4계층 모델에서 애플리케이션 계층을 설명해주세요 8. TCP/IP 4계층 모델에서 전송 계층을 설명해주세요 9. TCP를 설명해주세요 10. UDP를 설명해주세요 11. TCP 연결 성립 과정을 설명해주세요 12. TCP 연결 해제 과정을 설명해주세요 13. TCP/IP 4계층 모델에서 인터넷 계층을 설명해주세요 14. TCP/IP 4계층 모델에서 링크 계층을 설명해주세요 15. HTTP가 무엇인가요 16. H..

목차 질문 리스트 정답 질문 리스트 1. 데이터베이스에 대해 설명해주세요 2. 엔터티가 무엇인가요? 3. 릴레이션이 무엇인가요? 4. 릴레이션은 관계형 데이터베이스에서, NoSQL 데이터베이스에서 각각 무엇이라 부르나요? 5. 관계형 데이터베이스에서 데이터베이스는 여러 개의 테이블로 구성됩니다. 테이블은 뭐로 구성되나요? 또, NoSQL 데이터베이스에서 데이터베이스는 여러 개의 컬렉션으로 구성됩니다. 컬렉션은 뭐로 구성되나요? 6. 속성이 무엇인가요? 7. 도메인이 무엇인가요? 8. 필드와 레코드에 대해 설명해주세요 9. 데이터베이스에서 슈퍼키와 후보키는 각각 어떤 조건을 만족해야 하나요? 10. 기본키가 무엇인가요? 11. 외래키가 무엇인가요? 12. 후보키가 무엇인가요? 13. 대체키가 무엇인가요? ..

목차 상황 해결책 상황 api key를 숨기기 위해 api key를 담은 .env 파일을 최상위 디렉토리에 추가, .gitignore에 .env를 추가하여 원격 저장소에 푸시하고 빌드하는 상황. 이상하게도 process.env 로 api key를 호출하려 하였으나 계속 undefined만 출력되는 문제가 발생. const fetch_data = async () => { const api_key = process.env.APIKEY; console.log(api_key); // 데이터 가져오기 const url = `api 주소` const result = await fetch(url); const json = await result.json(); console.log(json); } 해결책 결론부터 말하..

GET & POST GET, POST 모두 자주 쓰이는 HTTP 메서드이다. 두 메서드의 차이점을 알아보자 GET POST 캐시 가능 불가 북마크 가능 불가 히스토리 브라우저 히스토리에 매개변수 남음 브라우저 히스토리에 매개변수 저장 안됨 데이터 길이 제한 존재. GET 메서드는 데이터를 전송할 때 데이터를 URL에 이어붙이는데 URL은 최대 2048개 문자를 가질 수 있음. 제한 없음 데이터 타입 제한 ASCII 문자만 가능 제한 없음. 바이너리 데이터(텍스트 아닌 데이터)도 가능 보안 낮음. URL에 데이터가 포함되어 있어 보안성이 낮다. 절대 비밀번호, 중요 데이터를 GET으로 전송해서는 안된다. GET에 비해 조금 좋음. 매개변수가 브라우저 히스토리나 웹 서버 로그에 남지 않는다. 가시성 URL에..

Position 정의 CSS Position 속성은 요소의 positioning method type을 결정한다. 여기서 positioning method type은 요소가 화면에 어떤 위치에 배치될지 결정하는 방식을 말한다. 대표적인 CSS Position에는 static, absolute, fixed, relative 등이 있다. 설명을 위해 아래와 같은 html, css 로 예시를 들겠다. html 1 2 3 css .container { width: 300px; background-color: lightblue; } .container .box { border: 4px dashed red; background-color: orange ; } .container .box:nth-child(1) { ..

github-pages를 통해 배포까지 완료했으나 매번 새로운 코드를 push하고, deploy 하는 과정은 낭비이므로 배포 자동화를 프로젝트에 적용해보자. yml 파일 작성 actions가 어떤 방식으로 이루어질지를 결정하는 yml 파일을 우선 작성해야 한다. root/.github/workflows/ 하위에 gh-pages.yml 파일을 생성하자. 내용은 아래와 같이 작성한다. name: Build and Deploy on: push: branches: - main jobs: deploy: runs-on: ubuntu-latest steps: - uses: actions/checkout@v2 - name: Setup Node uses: actions/setup-node@v2.1.2 with: node..

목차 서론 Presentational 컴포넌트 Container 컴포넌트 이 방식의 장점 서론 React에서 컴포넌트를 Presentational 컴포넌트와 Container 컴포넌트로 나누어 작성할 수 있다. Presentational 컴포넌트는 무엇이고, Container 컴포넌트는 무엇일까? 또 이렇게 분리했을때 장점이 무엇일까? Presentational 컴포넌트 UI 담당하는 컴포넌트. 사용자에게 어떻게 보일지에 집중한다. 특징으로는 내부에 presentational 컴포넌트와 container 컴포넌트를 가질 수 있다. 개인 스타일(css, Markup)을 가지고 있다. store, Flux actions 등 앱의 다른 부분에 의존하지 않는다. 데이터를 조작하지 않는다. props를 통해 데이..

목차 문제명 문제풀이 코드 친구비 문제 유형 : 그래프 이론, 그래프 탐색, 분리 집합 난이도 : 골드 4 https://www.acmicpc.net/problem/16562 문제 풀이 '친구의 친구는 친구' 이기 때문에 분리 집합으로 친구끼리 같은 집합으로 묶은 뒤, 각 집합에서 최소 Ai만 뽑아내어 합했을때 값이 K 이하면 출력, K 초과면 "Oh no"를 출력하면 된다. 구현 시 주의사항은, union 메소드로 요소가 다수인 집합과 요소가 다수인 집합을 묶었을때 집합의 모든 root값을 업데이트 해주어야 한다. 예로, root[1] = 1 root[2] = 2 root[3] = 2 root[4] = 2 root[5] = 1 이고 union 함수가 def union(a, b): a = find_roo..