익스랩 - experience laboratory

E-XA News

인터뷰, 마스터(Master) 성향에게 자주 묻는 질문(FAQ) 1편 (1~4)

1. 마스터(Master) 성향이란 무엇인가요? 마스터(Master) 성향이란 BDSM 관계에서 지배적인 역할을 하는 사람을 가리키는 용어입니다. 마스터는 종종 서브미시브(submissive), 슬레이브(slave), 또는 다른 종류의 하위 역할을 하는 파트너에게 권력을 행사합니다. 이러한 권력 교환은 항상 동의에 기반하며, 종종 규칙, 제한, 그리고 특정한 의무를 포함합니다. 마스터는 종종 자신의 파트너를 보호하고, 그들의 안전을 확보하며, 그들이 설정한 규칙을 따르도록 관리하는 역할을 합니다. 2. 마스터(Master)와 슬레이브(Slave)의 관계는 어떻게 형성되나요? 마스터(Master)와 슬레이브(Slave)의 관계는 상호 동의와 신뢰에 기반합니다. 이 관계는 종종 교류의 초기 단계에서 논의되고..

IT 언어 연구소/코드 리뷰 모음집

클로저와 스코프 깊이 이해 - 이벤트 리스너와 함께 사용할 때의 주의 점 및 코드 리뷰

안녕하세요. 오늘 진행할 리뷰는 JavaScript의 클로저와 스코프에 관한 것입니다. 문제 제시 function setupButtons() { for (var i = 0; i < 5; i++) { var button = document.createElement('button'); button.textContent = 'Button ' + i; button.addEventListener('click', function() { console.log(i); }); document.body.appendChild(button); } } setupButtons(); 위 코드는 5개의 버튼을 생성하고, 각 버튼이 클릭될 때 해당 버튼의 번호를 출력하는 이벤트 리스너를 추가합니다. 그러나 이 코드는 예상과 다르게 모..

IT 언어 연구소/코드 리뷰 모음집

JavaScript - Promise 잘못 사용 시 주의점 및 코드 리뷰

안녕하세요. 오늘은 JavaScript의 비동기 처리에 관해 다루려고합니다. Promise를 잘못 하용하여 발생할 수 있는 문제와 그 해결 방은을 코드 리뷰를 통해서 알아보겠습니다. 문제의 발견 async function getData(id) { // This is a function that gets data from server } let ids = [1, 2, 3, 4, 5]; ids.forEach(async id => { const data = await getData(id); console.log(data); }); 위 코드는 주어진 id 배열에 대해 각각 서버에서 데이터를 가져와 출력하는 작업을 수행합니다. 그러나 forEach 내부에서 await를 사용하면, 비동기 작업이 동기적으로 동작하는..

IT 언어 연구소/코드 리뷰 모음집

JavaScript - 고차 함수 사용 시 주의점 및 코드 리뷰

안녕하세요 오늘은 JavaScript의 고차 함수를 사용하면서 주의해야하는 성능 문제에 대해 이야기하려고 합니다. 이번에 문의 받은 코드 리뷰 중 이문제를 잘 보여주는 코드가 있어서 들고왔습니다. 문제의 발견 function expensiveOperation(element) { // This is a time-consuming operation } let arr = Array.from({length: 10000}, (_, index) => index); arr.forEach(expensiveOperation); 위 코드는 배열의 각 요소에 대해 시간이 많이 소요되는 연산을 수행하는 'expensiveOperation' 함수를 호출합니다. 그런데 이 경우, 'forEach'는 해당 함수의 배열의 모든 요소..

IT 언어 연구소/코드 리뷰 모음집

React - 성능 최적화, 불필요한 렌더링 방지를 위한 코드 리뷰

오늘은 React에서 불필요한 렌더링을 방지하여 애플리케이션의 성능을 개선하는 방법에 대해 알아보려고 합니다. 제가 최근에 받은 코드 리뷰 요청 중에서 이 문제를 잘 보여주는 예시를 하나 골랐습니다. 요청 받은 코드 요청받은 코드는 아래와 같습니다. import React, { useState } from 'react'; function UserProfile({ user }) { const [age, setAge] = useState(user.age); return ( {user.name} {age} setAge(age + 1)}>Increase Age ); } export default UserProfile; 위 코드는 UserProfile 컴포넌트를 정의하고 있습니다. 이 컴포넌트는 user 객체를 ..

카테고리 없음

JavaScript - 두 배열에서 나온 수의 합이 짝수인 쌍의 개수 반환하는 함수 리뷰

피드백 요청 코드 // 두 개의 정수 배열 A와 B에서 숫자 쌍 (a,b) 중 // a는 배열 A에서, b는 배열 B에서 나온 수로 // a+b가 짝수인 쌍의 개수를 반환 function countPairs(a, b) { let count = 0; for (let i = 0; i < a.length; i++) { for (let j = 0; j < b.length; j++) { if ((a[i] + b[j]) % 2 === 0) { count++; } } } return count; } 이 코드는 두 개의 정수 배열 A와 B에서 숫자 쌍 (a, b) 중 A배열의 a와 B배열의 b로 나온 두 수의 합이 짝수인 쌍의 개수를 반환하는 자바스크립트 함수입니다. 문제점 만약 배열 A나 B 중 하나의 배열이 비어 ..