Ella 프론트엔드일지

1. 문제 문자열 my_string 이 매개변수로 주어집니다. my_string 안의 모든 자연수들의 합을 return하도록 solution 함수를 완성해주세요. 2. 정답 function solution(my_string) { let arr = my_string.split('') // console.log(arr) let sum = 0; arr.forEach((data,i) => { if (isNaN(data) === false) { // console.log(data) sum += Number(data) } }) return sum; } console.log(solution("aAb1B2cC34oOp")) function solution(my_string) { let sum = 0; for (cons..

0. 리액트 useState 할때도 쓰이는 구조분해할당 - 이제는 좀 그만 찾아보자!! 1. 배열 구조분해할당 - array 의 하나하나의 요소가 너무 중요한 자료여서 하나의 자료를 하나의 변수에 할당하고 싶을때는? - 아래처럼 일일히 하나하나씩 할당할것이다. let array = ['돼지','토끼','양'] let 변수1 = array[0] let 변수2 = array[1] let 변수3 = array[2] - 하지만 배열 안에 요소가 100개라면...? 하나씩 let을 선언하면서 변수를 만들어주는 건 귀찮다. 아래처럼 하면 쉽게 담을 수 있다. let [변수1,변수2,변수3] = ['돼지','토끼','양'] console.log(변수1) // '돼지' console.log(변수2) // '토끼' co..

1. Form은 무엇인가? - form 은 로그인 기능을 구현할 때 가장 많이 사용된다. - 데이터 베이스에 내 계정 정보가 저장이 되어있다. 내 아이디, 비밀번호를 입력 즉, 화면에 입력한 값과 서버의 데이터 값이 일치하면 로그인을 할수있다. - 웹페이지에 사용자의 입력을 받아서 서버로 내 계정정보에 보내야하는데, 이때 사용되는 HTML의 태그가 FORM태그이다 🔸긴말말고 예시코드 살펴보기 - 아래와 같이 로그인 화면을 간단하게 구현해보았다. - form 태그 안에는 label, input, button 외에도 textarea, select&option 등이 쓰이지만, 이번 주제는 form 이아니고 form validation 이기 때문에 자세한 설명은 아래 출처목록 살펴보길 바란다. 아이디 : 비밀번..

0. async / await - ES8 에서는 비동기 처리를 동기 처리처럼 동작하도록 구현할 수 있는 async/await 이 도입되었다. - async/await는 프로미스를 기반으로 동작하기 때문에 프로미스의 then/catch/finally 등의 후속 처리 메서드에 콜백 함수를 전달해서 비동기 처리 결과를 후속 처리할 필요 없이 마치 동기 처리처럼 프로미스를 사용할 수 있다. 🔸Promise 기존 코드 function 함수(){ return new Promise((resolve,reject)=>{ resolve('안녕') }) } 함수() .then(n=>console.log(n)) // 안녕 async 변환 코드 - async로 변환한 코드는 굳이 new Promise()로 붙여서 쓸 필요가없다..

1. 문제 정수가 담긴 배열 numbers와 문자열 direction가 매개변수로 주어집니다. 배열 numbers의 원소를 direction방향으로 한 칸씩 회전시킨 배열을 return하도록 solution 함수를 완성해주세요. 2. 정답 function solution(numbers, direction) { var answer = []; if (direction==='right') { numbers.unshift(numbers.pop()); //맨마지막에 뺀거를 앞으로 추가 } else { numbers.push(numbers.shift()); //맨 앞에 있는 걸 빼서 맨 뒤에 추가 } answer = numbers; return answer; } 2-1) shift, unshift shift : 배..

1. 문제 설명 우주여행을 하던 머쓱이는 엔진 고장으로 PROGRAMMERS-962 행성에 불시착하게 됐습니다. 입국심사에서 나이를 말해야 하는데, PROGRAMMERS-962 행성에서는 나이를 알파벳으로 말하고 있습니다. a는 0, b는 1, c는 2, ..., j는 9입니다. 예를 들어 23살은 cd, 51살은 fb로 표현합니다. 나이 age가 매개변수로 주어질 때 PROGRAMMER-962식 나이를 return하도록 solution 함수를 완성해주세요. 2. 첫번째 정답코드 🔸배우고 싶은 코드 function solution(age) { let str = 'abcdefghij'//1) a-j까지 하나의 문자열에 담음 return Array.from(age.toString()).map(t => str..