본문 바로가기

분류 전체보기268

[TIL] 2022.05.02 5월 첫 주의 시작! 오늘도 평소와 같은 일정으로 개인 공부를 진행했다. 코딩 테스트 준비는 드디어 프로그래머스 1단계를 완료했다! 이제 백준으로 알고리즘 공부를 시작할 예정이다. 오늘은 공부 중 react event parameter 전달에 있어서 의문점이 생겨 구글링을 통해 해결했다. 시간이 오래걸리고 힘들지만 문제 해결을 위해서 찾아볼 때가 가장 기억에 오래 남는 것 같다. https://mocha-blog.tistory.com/14 [의문점] react event (pass parameter) 의문점 리액트를 다루는 기술 공부 중 아래와 같은 문제 발생 onDoubleClick={onRemove(name.id)} (실패) onDoubleClick={()=>onRemove(name.id)} (성공).. 2022. 5. 2.
[프로그래머스] 신고 결과 받기_Javascript 문제 코딩테스트 연습 - 신고 결과 받기 | 프로그래머스 (programmers.co.kr) 코딩테스트 연습 - 신고 결과 받기 문제 설명 신입사원 무지는 게시판 불량 이용자를 신고하고 처리 결과를 메일로 발송하는 시스템을 개발하려 합니다. 무지가 개발하려는 시스템은 다음과 같습니다. 각 유저는 한 번에 한 명의 programmers.co.kr 1. 나의 풀이 function solution(id_list, report, k) { var answer = []; //report 이용자 신고자 구분 let report_split = [] report.forEach((val)=>{ let arr = val.split(' ') report_split.push(arr) }) //중복 예외 처리 const setR.. 2022. 5. 2.
[리액트를 다루는 기술] 6장 컴포넌트 반복 6장 컴포넌트 반복 자바스크립트 배열 map()함수 문법 callback: 새로운 배열의 요소를 생성하는 함수로 파라미터는 다음 세 가지이다. currentValue : 현재 처리하고 있는 요소 index : 현재 처리하고 있는 요소의 index값 array : 현재 처리하고 있는 원본 배열 thisArg(선택 항목) : callback 함수 내부에서 사용할 this 레퍼런스 arr.map(callback,[thisArg]) map함수를 활용한 컴포넌트 반복 key key 설정key 값은 언제나 유일해야 한다. 단, 고유한 값이 없을 때만 index값을 key로 사용 → index를 key로 사용하면 배열이 변경될 때 효율적으로 리렌더링 불가 key 값을 설정할 때는 map함수의 인자로 전달되는 함수 내.. 2022. 5. 2.
[의문점] react event (pass parameter) 의문점 리액트를 다루는 기술 공부 중 아래와 같은 문제 발생 onDoubleClick={onRemove(name.id)} (실패) onDoubleClick={()=>onRemove(name.id)} (성공) 두 가지의 차이점에 대해 의문점이 생겨서 확인해봤다. 기존에 이벤트에 함수를 전달할 때는 아래와 같이 전달했었다. onClick={handleClick} 위와 같은 함수 전달은 함수를 전달할 뿐 실행은 하지 않기 때문에 가능. 하지만 parameter를 전달할때는 문제가 발생했다. 해결 1. parameter를 전달하지 않는 함수 전달 import React from "react"; const EventSample = () => { const onClickHandler = () => alert("su.. 2022. 5. 2.

티스토리툴바