rosie

📚 startsWith()- startsWith() 함수는 문자열 객체의 메서드 중 하나로 해당 문자열이 지정된 접두사로 시작하는지 여부 확인- boolean 값을 반환string.startsWith(searchString[, position])- searchString : 검색할 접두사로 사용할 문자열- position(선택) : 검색을 시작할 인덱스를 나타내는 정수, 기본값은 0이고 생략하면 전체 문자열을 대상📚 endsWith()- endsWith() 함수는 문자열 객체의 메서드 중 하나로 해당 문장려이 지정된 접미사로 끝나는지 여부 확인- boolean 값을 반환string.endsWidth(searchString[, position])📚 includes()- 하나의 문자열이 다른 문장려에 ..

📌 자바스크립트 map() / filter 함수 - 두 기능의 가장 큰 차이는 각 함수의 리턴하는 기능이 다르다는 것!! 📚 map() - callback 함수를 각각의 요소에 대해 한번씩 순서대로 불러 그 함수의 리턴값으로 새로운 배열을 생성함 array.map(callback(currentValue[, indx[, array]])[, thisArg]) callback: 새로운 배열 요소를 생성하는 함수. 다음 세가지 인수를 가짐 ⅰ. currentValue: 처리할 현재 요소 ii. index(Optional): 처리할 현재 요소의 인덱스 iii. array(Optional): map()를 호출한 배열 iv. thisArg(Optional): callback을 실행할 때 this로 사용할 값 📚 fi..

1. 데이터 타입 심화 2 ⅰ. 불변 객체 불변 객체란? 객체로 예를 들면, 객체의 속성에접근해서 값을 변경하면 가변이 성렵함 하지만, 객체 데이터 자체를 변경(새로운 데이터를 할당)하고자 한다면 기존 데이터는 변경이 되지 않으므로 불변하다고 할수 있음 불변 객체의 필요성 // user 객채를 생성 let user = { name: "wonjang", gender: "male", }; // 이름을 변경하는 함수, 'changeName'을 정의 // 입력값 : 변경대상 user 객체, 변경하고자 하는 이름 // 출력값 : 새로운 user 객체 // 특징 : 객체의 프로퍼티(속성)에 접근해서 이름을 변경! => 가변 const changeName = (user, newName) => { // 2개 인자를 받..

Q. 숫자야구 프로그램 만들기 컴퓨터는 0과 9 사이의 서로 다른 숫자 3개를 무작위로 뽑습니다. (ex) 123, 759 사용자는 컴퓨터가 뽑은 숫자를 맞추기 위해 시도합니다. 컴퓨터는 사용자가 입력한 세자리 숫자에 대해서, 아래의 규칙대로 스트라이크(S)와 볼(B)를 알려줍니다. ◾ 숫자의 값과 위치가 모두 일치하면 S ◾ 숫자의 값은 일치하지만 위치가 틀렸으면 B 기회는 무제한이며, 몇번의 시도 후에 맞췄는지 기록됩니다. 숫자 3개를 모두 맞춘 경우, 게임을 종료합니다. ❗입출력 예 컴퓨터가 숫자를 생성하였습니다. 답을 맞춰보세요! 1번째 시도 : 134 0B0S 2번째 시도 : 238 1B1S 3번째 시도 : 820 2B1S 4번째 시도 : 028 3B 5번째 시도 : 280 3S 4번만에 맞히셨..

1. 데이터 타입 심화 ⅰ. 데이터 타입의 종류(기본형과 참조형) 자바스크립트에서 값의 타입은 크게 기본형(Primitive Type)과 참조형(Reference Type)으로 구분됨 => 구분 기준은 값의 저장 방식과 불변성 여부!! 기본형에는 Number(숫자형), String(문자열), Boolean, null, undefined, Symbo(ES6에서 새롭게 추가됨) 이 있음 참조형은 말그대로 어떠한 겂을 참조(refer)하고 있는것을 말함. 기본적으로 Object(객체)!! 객체의 하위요소로써 Array, Function,... 등이 있음 기본형과 참조형의 구분기준 복제의 방식 (값이 어떻게 저장되는지, 복제되는지) ✔ 기본형 : 값이 담긴 주소값을 바로 복제 ✔ 참조형 : 값이 담긴 주소값들로..

Q. 배열 연습하기 문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 ["sun", "bed", "car"]이고 n이 1이면 각 단어의 인덱스 1의 문자 "u", "e", "a"로 strings를 정렬합니다. 🚫제한 사항 strings는 길이 1 이상, 50이하인 배열입니다. strings의 원소는 소문자 알파벳으로 이루어져 있습니다. strings의 원소는 길이 1 이상, 100이하인 문자열입니다. 모든 strings의 원소의 길이는 n보다 큽니다. 인덱스 1의 문자가 같은 문자열이 여럿 일 경우, 사전순으로 앞선 문자열이 앞쪽에 위치합니다. ❗입출력 예 strings n return ["s..

1. 각종 ES6 문법 소개 ECMAScript 6 (ES6) 는 JavaScript의 버전 중 하나로, 2015년도에 발표됨 ES6는 이전 버전 ES5 에서 새로운 문법과 기능을 도입하여 JavsScript 개발자들이 보다 쉽고 효율적으로 코드를 작성할 수 있도록 개선함 2015년도에 대규모 문법적 향상 및 변경이 있었기 때문에 ES6가 항상 언급됨 => 이때 새로 등장한 문법이 많음 ⅰ. let, const 기존 변수 선언을 위해 존재하던 var를 대체해서 나온 변수 선언에 사용되는 키워드 2015년도 이전 => var로 변수 선언 ES6 => let(변수선언), const(상수선언) 선언이란 변수명을 자바스크립트 엔진에 알리는 것 할당이란 변수에 값을 저장한는 것(= 할당연산자) let과 const..

Q. 문자열 연습하기 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비교해 같으면 True, 다르면 False를 return 하는 solution를 완성하세요. 'p', 'y' 모두 하나도 없는 경우는 항상 True를 리턴합니다. 단, 개수를 비교할 때 대문자와 소문자는 구별하지 않습니다. 예를 들어 s가 "pPoooyY"면 true를 return하고 "Pyy"라면 false를 return합니다. 🚫제한 사항 문자열 s의 길이 : 50 이하의 자연수 문자열 s는 알파벳으로만 이루어져 있습니다. ❗입출력 예 s answer "pPoooyY" true "Pyy" false 😀 내가 푼 답 function solution(s){ s = s.toLowerCase() l..

1. 조건문 자바스크립트에서는 조건문을 사용하여 특정 조건을 만족하는 경우에만 코드를 실행 할 수 있음 ⅰ. if 문 기본적인 if 문 if(조건문 - true 또는 false가 나올 수 있는 조건) { main logic } let x = 10 if (x = 5) { console.log(y.length) } if - else 문 if (조건문) { main logic #1 → true인 경우 실행할 코드 } else { main logic #2 → false인 경우 실행할 코드 } let x = -3 if(x > 0) { ..

1. JS 언어 특징 및 역사 기본적으로 컴퓨터는 0과 1만 이해할 수 있는데, 사람과 컴퓨터 간의 소통이 필요해지기 시작 => 프로그래밍 언어를 통해 소통을 시작함 ⅰ. JavaScript 의 역사 1995 탄생 넷스케이프 커뮤니케이션(LiveScript -> JavaScript) 자바스크립트는 브라우저 동작 스크립트 언어임 1999년 자바스크립트 표준화(ECMA-262) 완료 2005년 AJAX등장 ✔ AJAX - 자바스크립트를 기반으로 함 - 버튼하나를 누르면 전체가 새로고침이 실행되다가 AJAX로 인해 버튼하나만 누르면 해당 부분만 새로고침이 실행 => 많은 개발자가 사용하게 됨 비동기 웹 애플리케이션 개발 가능 폭발적인 UX 향상 ✔ UX(User Experience) - 사용자 경험 2008년..