숫자로 이루어진 문자열 numbers가 주어졌을 때 (ex. '17') numbers에 해당하는 숫자들의 조합으로 만들 수 있는 숫자 중 소수의 갯수를 리턴해야 함 (ex.7, 17, 71)1) 숫자들의 조합을 만들어 리턴하는 함수 생성(getPermutations):
학생 1,2,3이 문제를 찍는 방식이 아래와 같이 주어지고 정답 배열 answers가 주어졌을 때 가장 많이 정답을 맞춘 학생을 리턴해야 함.1) 학생마다 반복되는 기본패턴을 배열에 넣는다2) 반복되는 패턴이 종료되면 나머지 연산자(%)를 통해 처음으로 돌아갈 수 있도
여러개의 명함들의 가로/세로 사이즈의 배열 집합 sizes가 주어짐명함을 모두 담을 수 있는 지갑의 최소한의 크기를 리턴해야 함나의 풀이1) 명함은 회전시켜 보관이 가능함2) size 배열에서 큰 값은 width로, 작은값은 height로 배치3) 각각의 max값을 곱
프린터의 작업순서 priorities와 출력하고 싶은 작업물의 location을 받아 location에 해당하는 작업물이 아래 규칙에 따랐을 때, 몇 번째로 출력되는지 리턴해야 함. \* queue 활용1) priorities에서 가장 큰 요소가 배열의 맨 앞에 오도록
문자열 s가 올바른 괄호로 이루어져 있는지 판단하여 true/false 리턴해야 함나의 풀이stack 활용1) 반복문으로 s를 돌면서 si 값이 '('라면 stack에 push 하기2) si값이 ')'라면 bracket으로 stack.pop()과 짝이 맞는지 확인하여
주어지는 n쌍 만큼의 유효한 괄호쌍 '()' 에 대한 경우의 수를 모두 담은 배열을 리턴해야 함DFS(Depth For Search)를 활용해야 함이해를 위한 DFS 알고리즘 도식
주어지는 문자열 s의 괄호가 올바르게 닫혔는지 판별하여 true/false를 리턴해야 함stack을 활용하여 괄호의 짝이 맞는지 확인하면서 그 외 예외처리를 해주어야 함1) 열린 괄호로 시작하며 s.length가 홀수가 아닌지2) 열린 괄호와 닫힌 괄호의 갯수가 일치하
1) Pharsing: 실행할 Context에 대해 분석하는 단계 2) Execution : 순차적으로 Context를 실행하는 단계Global object를 생성한다. window : global object'this'를 생성한다this : window변수와 함수를
주어지는 문자열 s,t를 받아 둘의 관계가 Anagram이면 true를 아니라면 false를 리턴해야 함Anagram이란?단어나 문장을 구성하고 있는 문자의 순서를 바꾸어 다른 단어나 문장을 만드는 것중복 찾기 문제와 마찬가지로 sort()를 이용하여 오름차순으로 배열
nums 배열 안에서, 중복되는 숫자가 있으면 true를 없다면 false를 리턴해야 함!첫 시도배열의 0번째 숫자를 기준으로 2중 for문을 돌려 nums의 모든 요소들과 비교하다 같은 값이 나오는 순간 true를 리턴하는 방식으로 처리하였음두 번째 시도sort()를
실제 서비스되는 앱의 데이터베이스(live data)의 보안을 위해 CORS 정책이 실행된다.Proxy를 이용하여 이를 우회할 수 있다.package.json에 proxy 설정 코드 추가fetch/axios 도메인 부분 제거http-proxy-middleware 설치R
Code > Build > Test > Release > Deploy > Operate자동화 프로세스의 지속적인 통합을 의미함Code - Build - Test 단계에 해당: 지속적인 서비스 제공/배포를 의미함Release - Deploy - Operate 단계에 해당
: 웹 개발에서의 최적화는 화면을 최대한 빠른 속도로 표시하게 하는 것을 의미함.사이트 이탈률 감소전환율 증가수익 증대UX 향상DOM tree 가볍게 만들기: tree의 깊이를 증가시키는 불필요한 부분을 없애자CSS 인라인 스타일 지양하기불필요한 CSS제거하기: CSS
\* Bundling: 여러개의 모듈로 작업한 파일들을 하나의 파일로 묶는것을 '번들링'이라고 한다. 이와 같은 과정을 통해, 파일 크기를 줄이고 네트워크 소요 시간을 단축시킬 수 있어 사용자 경험을 최적화 할 수 있다.\* Webpack: 번들링 작업을 해주는 번들러
부품단위로 UI 컴포넌트를 만들 수 있음컴포넌트 재사용이 가능함상향식 개발에 적합함terminalpackage.jsonimportReact에서 state가 변경될 때, 렌더링이 일어나게 됨. 이때 컴포넌트들의 내부 변수들은 초기화 되는데, useRef를 이용하면, 값에
시간 상 모든 user flow의 작성이 어렵기 때문에, 메인화면에서 바로 접근할 수 있는 페이지들을 기준으로, 최소한의 user flow를 작성했다.시스템 상태의 가시성 (Visibility of system status)사진 업로드 시, 업로드 상태를 확인할 수 있
UX는 UI를 포함하는 상위 개념서비스와 상호작용하는 시스템(User Interface)사용자가 그래픽을 통해 PC와 정보를 교환하는 작업 환경인 GUI(Graphic User Interface)가 대표적임.사용자가 서비스를 이용하면서 느끼는 경험(User Experi
자기 자신을 호출하는 함수반복되는 부분의 끝 지점, 더 이상 쪼갤 수 없는 지점의 가장 작은 단위의 return 값Base case를 기준으로 반복되는 재귀식 작성동일한 구조의 더 작은 문제로 나눌 수 있는 경우반복되는 작업의 중첩 횟수를 알 수 없는 경우
오늘의 학습내용 My Agora States 서버 구축하기 1. 코드 리뷰 1-1) Express 설정(app.js) 1-2) ID로 필터링하기