본문 바로가기

map

(3)
반복되는 Component 처리하기 반복되는 Component 처리하기 컴포넌트 중복 map함수로 빼기 map 함수란? 원래 데이터를 가공하여 출력하는 방법 import logo from './logo.svg'; import './App.css'; function App() { const testArr = ['감자', '고구마', '오이', '가지', '옥수수']; return ( { testArr.map(function(item) { return {item} }) } ); } export default App; filer 함수 testArr = [1, 2, 3] testArr.filter((item) => { return item > 3 }) // [1, 2] App.js import React from 'react'; import '...
파이썬 문법 뽀개기 심화 파이썬 문법 뽀개기 심화 editor : Pycharm 파이썬 : Python 3.8 튜플, 집합 📌 튜플(tuple) 리스트랑 똑같이 순서가 중요한 자료형이면서 불변형인 자료형 # 리스트는 값 바꾸는 가능 a = ['사과', '감', '배'] a[1] = '수박' # 튜플은 오류 발생. 값 변경 불가능 b = ('사과', '감', '배') b[1] = '수박' 아래와 같은 형태로 불변형 자료를 많이 사용 a_dict = [('bob','24'),('john','29'),('smith','30')] 📌 집합(set) 중복을 제거해주는 자료형 a = [1,2,3,5,6,8,9,1,8] a_set = set(a) print(a_set) # 중복 제거 {1, 2, 3, 5, 6, 8, 9} set을 활용해서 ..
자바스크립트 함수 고급 자바스크립트 함수 고급 자바스크립은 함수도 '하나의 자료'라는 개념을 가지고 있어서 중간에 만들 수 있다. 자바스크립트의 익명 함수는 문법적 가치를 크게 인정받아 다른 프로그램으로 전파. 람다 또는 익명 함수라는 이름으로 기본 문법에 포함되었다. 크롬 웹 브라우저(비동기 프로그래밍)가 생기면서 자바스크립트는 급속도로 빨라졌고 문법적 가치를 인정받아 지금까지 사용되고 있다. 📌 콜백함수 callback 매개변수를 전달하는 함수 익명함수 이용한 callback 📌 콜백함수를 사용하는 함수:forEach() 배열의 내부요소를 사용해서 콜백 함수를 호출해줌. 📌 콜백함수를 활용하는 함수:map() 콜백함수에서 리턴한 값들을 기반으로 새로운 배열을 만드는 함수 📌 콜백함수를 활용하는 함수:filter() 콜백함수..