javascript

알고리즘

findBugInApples

🌴 문제 2차원 배열(배열을 요소로 갖는 배열)을 입력받아 'B'의 위치 정보를 요소로 갖는 배열을 리턴해야 합니다. 🌴 출력 'B'의 위치 정보(행, 열)를 요소로 갖는 배열을 리턴해야 합니다. 배열의 요소는 차례대로 행, 열입니다. ([행, 열]) 행: 'B'를 요소로 갖는 배열 arr[i]의 인덱스 i 열: arr[i]에서 'B'(arr[i][j])의 인덱스 j 🌴 주의사항 arr, arr[i]의 길이는 다양하게 주어집니다. 항상 한 개의 문자열 'B'가 존재합니다. 🌴 입출력 예시 let output = findBugInApples([['A'], ['B']]); console.log(output); //[1, 0] output = findBugInApples([ ['A', 'A', 'A', 'A'..

React

State & Props을 사용하여 Twittler 만들기

🌳 Tweet 버튼을 사용하여 작성된 글을 Tweeter의 가장 상단에 올리기 가장 먼저 생각해봐야 하는 것은 Tweet버튼을 클릭했을 때, input과 textarea에 작성된 내용을 받는 방법이다. 이때 onClick 이벤트 처리 방식을 사용하여 새로운 데이터 객체를 만들어준 후, dummy data의 가장 앞부분에 넣어준다. const handleButtonClick = () => { const getRandomNumber = (min, max) => { return parseInt(Math.random() * (Number(max) - Number(min) + 2)); }; const tweet = { id: users.length+1, username: userName, picture: `htt..

알고리즘

insertDash

🌴 문제 문자열을 입력받아 연속된 한자리 홀수 숫자 사이에 '-'를 추가한 문자열을 리턴해야 합니다. 🌴 출력 string 타입을 리턴해야 합니다. 🌴 주의사항 0은 짝수로 간주합니다. 🌴 입출력 예시 let output = insertDash('454793'); console.log(output); // --> 4547-9-3 🌴 문제풀이 function insertDash(str) { // TODO: 여기에 코드를 작성합니다. // 현재요소와 다음요소가 홀수이면 사이에 '-'를 추가 // 검사 할때 str을 숫자로 바꿔야 한다. let result = ''; for(let i =0; i

알고리즘

ABCheck

🌴 문제 문자열을 입력받아 문자열 내에 아래 중 하나가 존재하는지 여부를 리턴해야 합니다. 'a'로 시작해서 'b'로 끝나는 길이 5의 문자열 'b'로 시작해서 'a'로 끝나는 길이 5의 문자열 🌴 출력 boolean 타입을 리턴해야 합니다. 🌴 주의사항 대소문자를 구분하지 않습니다. 공백도 한 글자로 취급합니다. 'a'와 'b'는 중복해서 등장할 수 있습니다. 🌴 입출력 예시 let output = ABCheck('lane Borrowed'); console.log(output); // --> true 🌴 문제풀이 function ABCheck(str) { // code goes here let lowerStr = str.toLowerCase(); console.log(lowerStr[1]) for(l..

알고리즘

convertDoubleSpaceToSingle

🌴 문제 문자열을 입력받아 해당 문자열에 등장하는 두 칸의 공백을 모두 한 칸의 공백으로 바꾼 문자열을 리턴해야 합니다. 🌴 출력 string 타입의 문자열 🌴 주의사항 두 칸을 초과하는 공백은 존재하지 않는다고 가정합니다. 🌴 입출력 예시 let output = convertDoubleSpaceToSingle('string with double spaces'); console.log(output); // --> "string with double spaces" 🌴 문제 풀이 1. split()와 join()을 사용해서 풀기 function convertDoubleSpaceToSingle(str) { // TODO: 여기에 코드를 작성합니다. // 두칸의 공백을 모두 한 칸의 공백으로 바꾼 문자열로 바꾸..

알고리즘

letterCapitalize

🌴 문제 문자열을 입력받아 문자열을 구성하는 각 단어의 첫 글자가 대문자인 문자열을 리턴해야 합니다. 🌴 주의사항 단어는 공백으로 구분해야한다. 연속된 공백이 존재할 수 있다. 빈 문자열을 입력받은 경우, 빈 문자열을 리턴해야 한다. 🌴 입출력 예시 let output1 = letterCapitalize('hello world'); console.log(output1); // "Hello World" let output2 = letterCapitalize('javascript is sexy '); console.log(output2); // "Javascript Is Sexy " 🌴 문제풀이 function letterCapitalize(str) { let result = ''; let arr = str..

Javascript

동기 & 비동기

🌴 동기식 처리 모델 동기식 처리 모델(Synchronous processing model)_은 직렬적으로 작업을 수행한다. 즉 순차적으로 실행되며 어떤 작업이 수행중이라면 다음 작업은 이전 작업이 끝날 때까지 대기한다. (동기적 방식) 작업 하나가 수행 중일 때, 다른 작업을 동시에 수행할 수 없는 방식을 블록킹(blocking) 방식이라고 한다. 🙉 만약 커피 주문이 동기적(요청에 대한 결과가 동시에 일어남)으로 작동된다면 어떻게 될까? 1. 철수가 아메리카노를 주문한다. 2. 접수를 받은 직원이 아메리카노를 내린다. 3. 직원이 철수에게 아메리카노를 전달한다. 4. 영희가 카페라떼를 주문한다. 5. 접수를 받은 직원이 카페라떼를 만든다. 6. 직원이 영희에게 카페라떼를 전달한다. → 직원이 접수 받..

Javascript

reverse()

🌴 Array.prototype.reverse() reverse() 메서드는 배열의 순서를 반전하여, 첫 번째 요소는 마지막 요소가 되고 마지막 요소는 첫 번째 요소가 된다. (호출한 배열을 반전하고 원본 배열을 변형한다.) const arr = [1, 2, 3, 4, 5, 6]; console.log(`arr : ${arr}`) // arr : 1,2,3,4,5,6 arr.reverse(); console.log(`arr : ${arr}`) //

Javascript

고차함수(Higher-order-function)

🌴 고차함수(Higher-order-function) 자바스크립트에는 특별한 대우를 받는 일급객체(first-class citizen)이 있다. 대표적인 일급 객체 중 하나가 함수이다. 일급 객체(함수)의 특별 취급 변수에 할당(assignment) 할 수 있다. 다른 함수의 전달인자(argument)로 전달될 수 있다. 다른 함수의 결과로서 리턴될 수 있다. ⇒ 클로저 함수를 리턴하는 함수를 ‘커링함수’라고 한다. 함수를 변수에 할당할 수 있기 때문에, 함수를 배열의 요소나 객체의 속성값으로 저장할 수 있다. 함수를 데이터(string, number, boolean, array, object)처럼 다룰 수 있다. 고차함수(Higher-order-function)는 함수를 전달인자(argument)로 받..

Javascript

자바스크립트 문법 사용하기

🐊 원시형과 자료형 자바스크립트에서 원시 자료형이 아닌 모든 것은 참조 자료형이다.(Array, Object, function) const number = 3; const arr = ['a', 'b', 'c', 'd']; 변수 number에는 3이라는 원시 자료형 '값'이 할당되고, arr에는 참조 자료형의 '주소'가 할당된다. 참조 자료형은 실제 데이터가 저장된 주소를 가리킨다. 즉, 참조(reference)가 된다. 원시 자료형은 immutable하지만 참조 자료형은 그렇지 않다. 그렇기 때문에 '주소'를 할당할 수 밖에 없다. 배열에 요소를 추가 및 삭제하고, 객체에 속성을 추가 및 삭제할 수 있다. 이것은 참조 자료형이 immutable하지 않다는 것을 보여준다. (언제든지 데이터가 늘어나고 줄어..

후끈후끈
'javascript' 태그의 글 목록 (4 Page)