목록전체 글 (122)
Lsiron
1. event 처리 방식 React에서 이벤트 처리는 사용자의 상호작용에 대한 응답을 처리하는 것을 말한다. React에서 이벤트 처리는 HTML 요소의 이벤트 처리와 유사하게 동작하지만 몇 가지 차이점이 있다. React에서 이벤트 처리는 다음과 같은 방식으로 이루어진다. 1. 이벤트 핸들러 선언: React 요소에 이벤트 핸들러를 등록하여 사용자의 동작에 대한 응답을 정의한다. 예를 들어, 버튼 클릭에 대한 동작을 정의할 수 있다. 2. 이벤트 핸들러 함수 작성: 이벤트 핸들러 함수는 사용자의 동작에 대한 응답으로 실행될 코드를 정의한다. 이벤트 핸들러 함수는 일반적으로 이벤트 객체를 매개변수로 받아서 사용할 수 있다. 3. 이벤트 핸들러 호출: React 요소에서 이벤트 핸들러 함수를 호출하는 ..
문제 1. x만큼 간격이 있는 n개의 숫자. 함수 solution은 정수 x와 자연수 n을 입력 받아, x부터 시작해 x씩 증가하는 숫자를 n개 지니는 리스트를 리턴해야 합니다. 다음 제한 조건을 보고, 조건을 만족하는 함수, solution을 완성해주세요. 풀이=해답.function solution(x, n) { sum = []; for(let i = 1 ; i n ; i += 1) { sum.push(x*i); } return sum} => 빈 배열 sum을 선언 해 준뒤, 배열의 요소들의 총 개수는 n개 이므로 반복문을 통해 빈 배열에 x*i를 넣었다. // 자연수 n을 배열의 length로 보는 판단이 중요했다. 이를 시작으로, x에 i값을 곱해주는 반복문을 만들었고, 빈 배열에..
1. JSXJSX(JavaScript XML)는 React에서 사용되는 JavaScript의 확장 문법이다. JSX는 JavaScript와 HTML을 조합하여 UI를 구성할 수 있도록 도와준다. JSX는 HTML과 비슷한 문법을 가지고 있어서 React Component를 작성할 때 보다 직관적이고 가독성이 좋다. JSX는 Babel과 같은 트랜스파일러를 사용하여 일반 JavaScript 코드로 변환된다. JSX는 React.createElement() 함수로 변환되며, 이를 통해 Virtual DOM을 생성하고 업데이트할 수 있다. JSX를 사용하면 UI를 선언적으로 구성할 수 있으며, JavaScript 코드와 함께 사용하여 동적인 내용을 표현할 수 있다.React에서 JSX를 사용하면 Compone..
문제 1. 정수 내림차 순으로 배치하기. 함수 solution은 정수 n을 매개변수로 입력받습니다. n의 각 자릿수를 큰것부터 작은 순으로 정렬한 새로운 정수를 리턴해주세요. 예를들어 n이 118372면 873211을 리턴하면 됩니다. 풀이.function solution(n) { let arr = n.toString().split("").map(n => parseInt(n)) let arrSort = arr.sort((a,b) => b - a) let sum = ""; for(let i = 0 ; i arrSort.length ; i ++) { sum += arrSort[i] } let numsum = parseInt(sum); return numsum} 해답.function s..