본문 바로가기

분류 전체보기464

State - Props - Childen 최종 수정 : 2024-04-09 props properties을 줄인 표현으로, 컴포넌트 속성을 설정하는 정보를 담고 있는 자바스크립트 객체이다. 이에 따라, 컴포넌트의 모습과 속성을 결정한다. 즉, 리액트 컴포넌트가 엘리먼트를 생성하기 위해 사용하는 값이다. 부모 컴포넌트에서 자식 컴포넌트로 전달되며, props는 부모 컴포넌트에서 설정할 수 있다. 해당 컴포넌트는 props를 읽기 전용으로만 사용할 수 있어서, 부모 컴포넌트에서 바꾸어 주어야만 반영된다. 또한, pure 함수의 조건을 만족시킨다. pure 함수란 입력값을 변경하지 않으며, 같은 입력값에 대해 항상 같은 출력값을 낸다. props는 직접 값을 변경할 수 없으므로 조건을 만족한다. children props의 일종으로, 부모 컴포넌트에.. 2024. 4. 9.
프로그래머스 0단계 - 두 수의 연산값 계산하기 / 배열 비교하기 두 수의 연산값 계산하기 양의 정수 a와 b가 주어졌을 때, a ⊕ b와 2 * a * b 중 더 큰 값을 return하는 solution 함수를 완성해 주세요. 단, a ⊕ b와 2 * a * b가 같으면 a ⊕ b를 return 합니다. 1 ≤ a, b = num2 ? num1 : num2; } // 다른 사람들의 풀이 function solution(a, b) { return Math.max( +(a.toString()+b.toString()),2*a*b) } 템플릿 문자열을 잘 사용하느냐가 관건이었던 문제였다 1) 정수 a, b를 문자로 바꾼 다음 연결한다. 2) +기호를 붙여 숫자로 변환한다. 3) Math.max()를 사용하여 답을 구한다. 배열 비교하기 이 문제에서 두 정수 배열의 대소관계를.. 2024. 4. 8.
JS Quiz 25-28. 객체의 속성 / 실행 컨텍스트 / continue / String object 25. What's the output? const obj = { a: 'one', b: 'two', a: 'three' }; console.log(obj); 정답 C // 객체의 속성을 아는지에 대한 문제 같은 프로퍼티 네임을 갖는 경우에는 프로퍼티 값이 갱신된다. 코드로 바꾸면 다음과 같다. const obj = {}; obj.a = 'one'; obj.b = 'two'; obj.a = 'three'; 26. The JavaScript global execution context creates two things for you: the global object, and the "this" keyword. 정답 A // 실행 컨텍스트에 대해 아는지에 대한 문제 맞추긴 했지만, 정확히 설명은 못 하겠다... 2024. 4. 8.
[5주차] 버블링 / 캡처링 / 위임 / HTTP 메서드 1. 이벤트 버블링, 캡쳐링, 위임에 대해 설명해 주세요. 이벤트 전파(버블링 / 캡쳐링)에 대한 정리 글 https://young-taek.tistory.com/213 이벤트 위임에 대한 정리 글 https://young-taek.tistory.com/217 2. HTTP 메소드에 대해 설명해 주세요. HTTP 메서드에 대한 정리 글 https://young-taek.tistory.com/218 2024. 4. 7.
프로그래머스 0단계 - 수 조작하기 1 / 첫 번째 나오는 음수 수 조작하기 1 정수 n과 문자열 control이 주어집니다. control은 "w", "a", "s", "d"의 4개의 문자로 이루어져 있으며, control의 앞에서부터 순서대로 문자에 따라 n의 값을 바꿉니다. "w" : n이 1 커집니다. "s" : n이 1 작아집니다. "d" : n이 10 커집니다. "a" : n이 10 작아집니다. 위 규칙에 따라 n을 바꿨을 때 가장 마지막에 나오는 n의 값을 return 하는 solution 함수를 완성해 주세요. -100,000 ≤ n ≤ 100,000 1 ≤ control의 길이 ≤ 100,000 control은 알파벳 소문자 "w", "a", "s", "d"로 이루어진 문자열입니다. function solution(n, control) { let re.. 2024. 4. 7.

티스토리툴바