문자열 관련 메소드(String Method) javascript에서 문자열을 사용할 때 자주 사용하는 methods charAt : index에 해당하는 위치의 문자를 반환 const str = 'Hello World' console.log(str.charAt(0))// H console.log(str.charAt(5))// ' ' console.log(str.charAt(10))// d console.log(str.charAt(11))// '' indexOf : 인자로 전달된 문자 or 문자열이 처음 나타나는 위치의 index를 반환 const str = 'Hello World' console.log(str.indexOf('H'))// 0 console.log(str.indexOf('l'))// 2 ..
최솟값 만들기 ❓ 문제설명 길이가 같은 배열 A, B 두개가 있습니다. 각 배열은 자연수로 이루어져 있습니다. 배열 A, B에서 각각 한 개의 숫자를 뽑아 두 수를 곱합니다. 이러한 과정을 배열의 길이만큼 반복하며, 두 수를 곱한 값을 누적하여 더합니다. 이때 최종적으로 누적된 값이 최소가 되도록 만드는 것이 목표입니다. (단, 각 배열에서 k번째 숫자를 뽑았다면 다음에 k번째 숫자는 다시 뽑을 수 없습니다.) 예를 들어 A = [1, 4, 2] , B = [5, 4, 4] 라면 A에서 첫번째 숫자인 1, B에서 첫번째 숫자인 5를 뽑아 곱하여 더합니다. (누적된 값 : 0 + 5(1x5) = 5) A에서 두번째 숫자인 4, B에서 두번째 숫자인 4를 뽑아 곱하여 더합니다. (누적된 값 : 5 + 16(..
JadenCase 문자열 만들기 ❓ 문제설명 JadenCase란 모든 단어의 첫 문자가 대문자이고, 그 외의 알파벳은 소문자인 문자열입니다. 단, 첫 문자가 알파벳이 아닐 때에는 이어지는 알파벳은 소문자로 쓰면 됩니다. (첫 번째 입출력 예 참고) 문자열 s가 주어졌을 때, s를 JadenCase로 바꾼 문자열을 리턴하는 함수, solution을 완성해주세요. 🚫 제한조건 s는 길이 1 이상 200 이하인 문자열입니다. s는 알파벳과 숫자, 공백문자(" ")로 이루어져 있습니다. 숫자는 단어의 첫 문자로만 나옵니다. 숫자로만 이루어진 단어는 없습니다. 공백문자가 연속해서 나올 수 있습니다. ✔ 입출력 예 s return "3people unFollowed me" "3people Unfollowed Me"..
https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상 Publish 1. Publish Platform 웹 애플리케이션 배포 플랫폼에는 여러 종류가 있다. Microsoft Azure, Gitbub Pages, Vercel, AWS, Netlify, Heroku 등 여러 플랫폼이 존재하며 Google 검색 시 배포 방법을 확인 할 수 있다. 여기서는 Netlify 를 통한 배포 방법에 대해 설명하고 추가로 이전에 AWS를 사용하여 PHP 웹 애플리케이션을 배포했던 예제 링크를 참조하였다. . 🔎 Netlify 1. netlify 회원가입 netlify 홈페이지에서 회원가입을 진행한다. Develop and deploy websites a..
https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상 Testing 3. Test Pyramid 🔎 마틴 파울러 Test Pyramid 각 단계는 인수 테스트(UI) - 통합 테스트(Integration) - 단위 테스트(Unit) 로 구성되는데, 밑으로 내려 올 수록 더 많은 테스트 코드를 작성하라는 뜻을 가지고 있다. 단위 테스트 (Unit Test) 추상적이지만 가장 작은 단위로 기능을 나누어 그 기능을 테스트하는 기법. 단위의 크기가 작을수록 복잡성이 낮아져서 테스트하기가 더 용이해진다. 따라서, 테스트 대상 단위의 크기를 작게 설정해서 단위 테스트를 최대한 간단하고 디버깅하기 쉽게 작성해야 한다. 통합 테스트 (Integerat..
https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상 Testing 2. CI / CD 🔎 CI (Continuous Integration) CI란 빌드/테스트 자동화 과정으로 지속적인 통합(Continuous Integration)을 의미한다. CI를 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로 빌드 및 테스트 되어 공유 리포지토리에 통합되어 여러 개발자가 동시에 작업할 경우 발생할 수 있는 충돌 문제를 해결할 수 있다. CI의 실행은 소스/버전 관리 시스템에 대한 변경 사항을 정기적으로 커밋하여 모든 사람에게 동일 작업 기반을 제공하는 것으로 시작한다. 커밋할 때마다 빌드와 일련의 자동 테스트가 이루어져 동작을..
https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상 Testing 1. Good Test Principles 🔎 소프트웨어 테스팅 7가지 원칙 1. 테스트는 결함이 존재함을 밝히는 활동이다. 소프트웨어에 대해 테스트 완료 및 발견된 이슈를 모두 해결하여도 결함이 없다는 것을 증명할 수 있는 것은 아니며, 이슈가 발견되지 않았다고 해서 결함이 없다는 것이 증명되지 않는다. 테스트는 프로그램의 결함이 없음을 보장하는 것이 아니라, 결함이 존재함을 밝히기 위한 활동이다. 2. 완벽한 테스팅은 불가능하다. 매우 단순한 소프트웨어가 아닌 이상 내부조건, 입력값, 타이밍에 대한 모든 조합을 확인할 수 없다. 따라서 테스트 대상의 리스크 분석 후에..
JAVASCRIPT 코드 품질을 높여주는 JS 함수 🔎 Debounce debounce 함수는 일련의 빠른 이벤트가 반복적으로 함수를 활성화 하는 것을 방지하는 역할을 한다. 이벤트가 실행되지 않은 채로 일정 시간이 경과할 때까지 이벤트를 실행시키지 않고 함수의 실행을 연기하는 방식으로 동작한다. debounce 함수는 사용자가 버튼을 빠르게 클릭했을 때 함수들이 실행되는 것을 방지하여 성능을 향상하는 방식으로 아주 유용한 해결책이다. // JS에서 debounce 구현 function debounce(func, delay) { let timeout return function() { const context = this const args = arguments clearTimeout(timeout) t..
https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상 Tools 2. Package Manager 🔎 npm & yarn npm과 yarn은 Node.js 의 패키지 관리자로 전 세계의 개발자들이 자바스크립트로 만든 다양한 패키지를 npm 온라인 데이터베이스에 올리면 npm, yarn 과 같은 패키지 관리자를 통해 설치 및 삭제가 가능하다. 그리고 명령 줄 인터페이스(CLI)를 통해 패키지 설치 및 삭제뿐 아니라 패키지 버전 관리, 의존성 관리도 편리하게 할 수 있다. npm npm 은 Node Package Manager의 줄임말로 노드를 설치할 떄 자동으로 설치되는 기본 패키지 관리자. 사람들이 노드 패키지를 만들고, 업로드하고, 공..
