위스타그램2 [React] 댓글 기능 구현 - 구조분해할당 2022년 12월 29일 작성 오늘은 구조분해할당의 개념과 위스타그램에 적용한 구조분해할당 예시를 정리해보려고 한다. 구조분해할당 구조분해할당은 이름 그대로 구조를 분해하고, 할당하는 것이다. 구조분해를 통해 배열이나 객체에서 요소나 프로퍼티(key, value) 를 분해하고, 그것을 새로운 변수에 담을 수 있다. 방법은 이렇다. 배열과 객체를 선언해주는 것과 반대로 입력하면 된다. arr 배열을 구조분해할당한 결과 a 와 b 에는 각각 1과 2가 담기고, obj 객체를 구조분해할당한 결과 name 과 age 에는 각각 'Amie'와 20이 담긴다. 이러한 방법으로 배열 속의 배열, 객체 속의 객체도 구조분해할당할 수 있다! 여기부터는 내가 구조분해할당에 대해 이해한 바를 설명하는거니깐 알아서 걸러들으셔.. 2023. 2. 26. [React] map()을 이용한 댓글 기능 구현 2022년 12월 27일 작성 위스타그램 메인 화면에서 댓글을 다는 기능을 구현했다! 기능을 구현하기 전에 내가 입력한 값을 comment에 담고, 그것들을 commentList 배열에 담아서 map()을 이용해야겠다는 계획을 세웠지만 map() 을 어떻게 써야할지가 너무 막막했다. 일단 접근 방법은 아니까 이틀정도 시간이 날 때마다 틈틈이 구현에 도전했지만 구현할 수가 없었다. 어떻게 해야 할까 고민하다가 다짐을 했다. 하나는 문제가 해결되지 않았을 때 기존의 위코드 수강생들의 코드를 찾아보지 않는 것이다. 그러기 위해서 map() 으로 어떻게 리스트를 뿌려주는지 영상이나 글을 찾아보고, 내 코드에 적용하는 식으로 공부했다. 구현이 성공했을 땐 기존 수강생들의 코드를 보고 내가 한 방법 말고 다른 구현.. 2023. 2. 24. 이전 1 다음
