study

https://programmers.co.kr/learn/courses/30/lessons/43162 코딩테스트 연습 - 네트워크 네트워크란 컴퓨터 상호 간에 정보를 교환할 수 있도록 연결된 형태를 의미합니다. 예를 들어, 컴퓨터 A와 컴퓨터 B가 직접적으로 연결되어있고, 컴퓨터 B와 컴퓨터 C가 직접적으로 연결되어 있 programmers.co.kr 이 경우 2개의 네트워크가 있는거(1-2, 3) 이 경우 1개의 네트워크가 있는거(1-2-3) 연결된 네트워크까지 쭉 dfs로 탐색하고 아직 탐색도 안했고 연결도 안됐으면 dfs가 다시 실행되니까 그 새로 실행되는 dfs가 몇 번인지 알면 된다!! #include #include using namespace std; int check[200]; // 노드에..

https://programmers.co.kr/learn/courses/30/lessons/42626 코딩테스트 연습 - 더 맵게 매운 것을 좋아하는 Leo는 모든 음식의 스코빌 지수를 K 이상으로 만들고 싶습니다. 모든 음식의 스코빌 지수를 K 이상으로 만들기 위해 Leo는 스코빌 지수가 가장 낮은 두 개의 음식을 아래와 같 programmers.co.kr 우선순위큐를 사용한다면 어렵지 않은 문제!!!! #include #include #include using namespace std; int solution(vector scoville, int K) { int answer = 0; priority_queue pq; for(int i: scoville) { pq.push(i); } while(pq.t..

https://programmers.co.kr/learn/courses/30/lessons/42586 코딩테스트 연습 - 기능개발 프로그래머스 팀에서는 기능 개선 작업을 수행 중입니다. 각 기능은 진도가 100%일 때 서비스에 반영할 수 있습니다. 또, 각 기능의 개발속도는 모두 다르기 때문에 뒤에 있는 기능이 앞에 있는 programmers.co.kr 각 작업은 병렬적으로 실행 가능하지만, 앞의 기능이 배포가 되어야만 뒤에꺼도 배포할 수 있음. 어떤 작업이 배포할 때까지 걸리는 시간이 앞 작업의 배포 시간보다 작다면 나중에 앞 작업이 배포될때 같이 배포될 수 있음! #include #include #include #include using namespace std; vector solution(vect..

https://programmers.co.kr/learn/courses/30/lessons/42576 코딩테스트 연습 - 완주하지 못한 선수 수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다. 마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수 programmers.co.kr 참여자중에 한 명만 완주를 못하고 나머지는 다 완주를 하니까 참여자, 완주자를 각각 정렬했을 때 같은 위치에 완주자랑 참여자 이름이 다를 때 그 참여자가 완주 못한 친구겠구만!!! 이라고 생각!!! #include #include #include using namespace std; string solution(vector participan..

https://programmers.co.kr/learn/courses/30/lessons/81301 코딩테스트 연습 - 숫자 문자열과 영단어 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게임입니다. 다음은 숫자의 일부 자 programmers.co.kr one4sevneeight -> 1478 23four5six7 -> 234567 1zerotwozero3 -> 10203 이렇게 영어로 된 친구들까지 숫자로 바꿔주는 문제다!! #include #include #include #include using namespace std; map number = {{"zero", 0}, {"one", 1}, {"..

보호되어 있는 글입니다.

코드 스플리팅 웹팩이라는 도구는 프로젝트를 빌드할 때 별도의 설정을 하지 않으면 프로젝트에서 사용중인 모든 js파일이 하나로 합쳐지고, 모든 CSS 파일도 하나의 파일로 합쳐진다. 이러면 애플리케이션의 규모가 커지면 지금 당장 필요하지 않은 컴포넌트 정보까지 모두 불러오면서 파일의 크기가 커진다!! -> 로딩이 오래 걸리기 때문에 트래픽이 많이 나온다. 이 문제를 해결해줄 수 있는 방법이 코드 비동기 로딩이다!! 이 방법은 코드 스플리팅(파일을 분리하는 작업) 중 하나이다. 코드 비동기 로딩을 통해 자바스크립트 함수, 객체,혹은 컴포넌트를 처음에는 불러오지 않고 필요한 시점에 불러와서 사용할 수 있다!!! Loadable Components는 코드 스플리팅을 편하게 하도록 도와주는 서드파티 라이브러리이다..

리덕스는 가장 많이 사용하는 리액트 상태 관리 라이브러리라고 한다!!! 리덕스 키워드 개념 액션 상태에 어떤 변화가 필요하면 액션이 발생한다. 얘는 하나의 객체로 표현되는데 다음과 같은 형식으로 이루어져 있다!! { type: 'TOGGLE_VALUE' } 액션 객체는 type 필드를 반드시 가지고 있어야 한다. 이 값을 액션의 이름이라고 생각하면 된다!!! 그리고 그 외의 값들은 나중에 상태 업데이트를 할 때 참고해야 할 값이며, 작성자 마음대로 넣을 수 있다!! { type: 'ADD_TODO', data: { id: 1, text: '리덕스 배우기' } } { type: 'CHANGE_INPUT', text: '안녕하세요' } 대충 이런식으로!! 액션 생성 함수 액션 생성 함수(action crea..

SPA SPA는 Single Page Application의 약어, 말 그대로 한 개의 페이지로 이루어진 애플리케이션이다!! 리액트 같은 친구들은 새로운 화면을 보여줘야 할 때 마다 서버측에서 모든 뷰를 준비하는게 아니라 뷰 렌더링을 사용자의 브라우저가 담당하게 하고 애플리케이션을 브라우저에 불러와 실행시킨 후에 필요한 부분만 업데이트 한다!!! 싱글 페이지라고 해서 화면이 한 종류가 아니라 서버에서 사용자에게 제공하는 페이지가 한 종류이고, 해당 페이지에서 로딩된 자바스크립트와 현재 사용자 브라우저의 주소 상태에 따라 다양한 화면을 보여줄 수 있다!!! 다른 주소에 다른 화면을 보여주는 것을 라우팅이라고 한다!! 리액트 라우팅 라이브러리중 리액트 라우터를 이용해보자!! 리액트 라우터 프로젝트를 생성하고..

28. 디자인 패턴 생성 패턴(Creational Pattern) 생성 패턴은 객체의 생성과 관련된 패턴으로 총 5개의 패턴이 있음 객체의 생성과 참조 과정을 캡슐화 하여 객체가 생성되거나 변경되어도 프로그램의 구조에 영향을 크게 받지 않도록 하여 프로그램에 유연성을 더해줌 추상 팩토리 (Abstract Factory) 구체적인 클래스에 의존하지 않고, 인터페이스를 통해 서로 연관·의존하는 객체들의 그룹으로 생성하여 추상적으로 표현 연관된 서브 클래스를 묶어 한 번에 교체하는 것이 가능 빌더 (Builder) 작게 분리된 인스턴스를 건축 하듯이 조합하여 객체를 생성 객체의 생성 과정과 표현 방법을 분리하고 있어 동일한 객체 생성에서도 서로 다른 결과를 만들어 낼 수 있음 팩토리 메소드 (Factory M..

24. 객체지향 분석 및 설계 객체지향 분석의 방법론 Runbaugh(럼바우) 방법 : 가장 일반적으로 사용되는 방법. 분석 활동을 객체 모델, 동적 모델, 기능 모델로 나누어 수행하는 방법 Booch(부치) 방법 : 미시적(Micro) 개발 프로세스와 거시적(Macro) 개발 프로세스를 모두 사용하는 분석 방법. 클래스와 객체들을 분석 및 식벼하고 클래스의 속성과 연산 정의 Jacobson 방법 : Use Case를 강조하여 사용 Coad와 Yourdon 방법 : E-R 다이어그램을 사용하여 객체의 행위를 모델링, 객체 식별, 구조 식별, 주제 정의, 속성과 인스턴스 연결 정의, 연산과 메세지 연결 정의 등의 과정으로 구성 Wirfs-Brock 방법 : 분석과 설계 간의 구분이 없고, 고객 명세서를 평..

Hooks class형 컴포넌트에는 state와 라이프사이클이 있었는데 함수형 컴포넌트에는 이 기능이 없었다!!! 그래서 다른건 함수형 컴포넌트를 사용하다가도 state관리를 해야하면 class형 컴포넌트를 사용하는 불편함이 있었다. Hooks는 리액트 v16.8에 새로 도입된 기능으로 이 hooks덕분에 함수형 컴포넌트에서도 state를 관리할 수 있게 되었다!! 그래서 이 Hook을 사용한 버튼을 누를때 마다 클릭 횟수를 증가시키는 코드를 보면 (react 공식 문서에 나와있는 코드) import React, { useState } from 'react'; function Example() { // 새로운 state 변수를 선언하고, count라 부르겠습니다. const [count, setCount..