map (3) 썸네일형 리스트형 리액트, 원하는 게시글의 댓글 목록만 열기(feat. map함수) 요즘 리액트를 이용해 SNS를 구현하고 있다. 게시글의 댓글 아이콘을 클릭하면 댓글 목록이 렌더링 되도록 하고싶었는데 문제가 발생했다. 바로 한 개의 게시글에서만 댓글 아이콘을 눌러도 다른 게시글의 댓글 목록이 모두 열리는 것. 사실 멋쟁이사자처럼에서 프로젝트를 진행했을 때 해당 기능을 구현해보았었다. 2023.08.31 - [코딩/ReactJS] - react에서 댓글 기능 구현하기(선택된 컴포넌트만 댓글UI 보여주기) react에서 댓글 기능 구현하기(선택된 컴포넌트만 댓글UI 보여주기) 오늘 하루종일 씨름한 댓글 기능 구현하기 후기... 기존에 댓글 기능을 간단하게 구현해두었지만 서버와의 연동을 위해서 조금 손보고자 시작한게 하루를 뚝딱 집어삼켜버렸다. 처음에는 그냥 a bebutae.tistory.. 리액트에서 반복문으로 게시글 역순 렌더링하기 현재 진행중인 프로젝트에서 리액트에서 반복문으로 게시글을 렌더링하도록 하였는데 게시글을 생성할 경우 최신 게시글이 가장 나중에 렌더링된다. 즉, 오래된 게시글이 가장 상단에 노출되고 있다. 이런 현상이 일어나는 이유는 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 .. 파이썬 sort 함수를 알아보자 안녕하세요. 오늘은 파이썬의 sort 함수를 알아보겠습니다. 오늘도 백준 문제를 풀었는데 솔루션 중에 sort 함수를 사용한게 보여서 찾아보았습니다. 문제 번호는 10818번 최소, 최대 문제입니다. 문제는 이겁니다. N개의 정수가 주어진다. 이때, 최솟값과 최댓값을 구하는 프로그램을 작성하시오. n = int(input()) m = list(map(int, input().split())) m.sort() print(m[0],m[n-1]) 솔루션은 요렇습니다. 변수 n에 정수의 갯수를 입력받고, 변수 m에 n개의 데이터를 입력받습니다. 이때, 입력받은 데이터는 list() 함수를 이용해 리스트형 데이터로 전환되고, 이전에 배웠던 map() 함수를 이용해 정수형 데이터로 전환됩니다. 그다음에 sort() .. 이전 1 다음
