본문 바로가기

반복문

(4)
리액트에서 반복문으로 게시글 역순 렌더링하기 현재 진행중인 프로젝트에서 리액트에서 반복문으로 게시글을 렌더링하도록 하였는데 게시글을 생성할 경우 최신 게시글이 가장 나중에 렌더링된다. 즉, 오래된 게시글이 가장 상단에 노출되고 있다. 이런 현상이 일어나는 이유는 map함수를 사용해서 배열의 요소들을 불러와 렌더링 할 때 순차적으로 렌더링을 하기 때문이다. 예를 들어 아래와 같이 1, 2, 3이 들어있는 배열을 이용해 렌더링을 한다고 할 때 [1, 2, 3].map((a, b)=>{ return {a} } ) 아래와 같은 순서로 렌더링 된다. 1 2 3 여기서 배열에 새로운 데이터를 추가한다고 하면 아래와 같이 배열이 생성될 것이고 [1, 2, 3, 4].map((a, b)=>{ return {a} } ) 아래와 같은 순서로 렌더링 될 것이다. 1 ..
5분 파이썬(8) - 반복문2(while문) 파이썬에서 코드를 반복해서 실행할 수 있는 방법은 두 가지가 있습니다. 첫번째는 지난번에 살펴본 for문을 이용하는 것이고, 2023.04.25 - [코딩/파이썬] - 5분 파이썬(7) - 반복문1(for문) 5분 파이썬(7) - 반복문1(for문) 동일한 코드를 여러번 작성해야 할 때 어떻게 하는게 좋을까요? ctrl + c, ctrl + v를 이용해 복사 붙여넣기를 반복하면 간단하겠지만, 5번만 복붙해도 뭔가 현타가 옵니다. '수십만원짜리 컴퓨터를 bebutae.tistory.com 두번째는 이번에 알아볼 while문을 이용하는 것입니다. while문은 조건에 따라 코드를 반복해줍니다. 예제를 살펴보면 while True: print('무한반복') 이런식으로, while 키워드 뒤에 True가 있어야..
5분 파이썬(7) - 반복문1(for문) 동일한 코드를 여러번 작성해야 할 때 어떻게 하는게 좋을까요? ctrl + c, ctrl + v를 이용해 복사 붙여넣기를 반복하면 간단하겠지만, 5번만 복붙해도 뭔가 현타가 옵니다. '수십만원짜리 컴퓨터를 이용해서 이런 저급한 단순노동을 하다니?' 라는 생각과 함께 말이죠. 파이썬에는 단순 노동에 지친 여러분들을 위해 반복문이라는 문법이 존재합니다. 반복문은 for라는 키워드를 이용해서 사용할 수 있습니다. 말그대로 코드를 여러번 반복해서 실행시켜주는데 바로 예제 한번 보시죠. for i in [1,2,3]: print(i) 자 위 예제 코드는 print()함수를 반복해줍니다. print함수 안에 들어있는 i라는 변수는 반복할 요소들을 차례대로 할당받는 변수입니다. 여기서 반복할 요소는 리스트 형태로 저..
reactjs에서 반복문으로 HTML태그 만들기 1. 개요 map 함수를 알아야 함 어레이 자료형 뒤에 map()을 붙이면 map()의 콜백함수안에 있는 코드를 어레이 원소 수 만큼 반복해줌 콜백함수에 파라미터 붙이면 어레이 안에 들어있던 값을 순서대로 꺼내줄 수도 있음 마지막으로 콜백함수의 return에다가 뭐 담으면 어레이로 담아줌 [1,2,3].map(function(i){ console.log(i); }) 2. 코드 예를 하나 들어봅시다 import {useState} from 'react'; function App() { let [글제목, 제목바꾸기] = useState(['1번제목', '2번제목']); return ( { 글제목.map(function(a, b){ return( 글번호 : {b+1} {a} ) } } ) } state에 글제..