본문 바로가기

> 개발/React14

[React] map()을 이용한 댓글 기능 구현 2022년 12월 27일 작성 위스타그램 메인 화면에서 댓글을 다는 기능을 구현했다! 기능을 구현하기 전에 내가 입력한 값을 comment에 담고, 그것들을 commentList 배열에 담아서 map()을 이용해야겠다는 계획을 세웠지만 map() 을 어떻게 써야할지가 너무 막막했다. 일단 접근 방법은 아니까 이틀정도 시간이 날 때마다 틈틈이 구현에 도전했지만 구현할 수가 없었다. 어떻게 해야 할까 고민하다가 다짐을 했다. 하나는 문제가 해결되지 않았을 때 기존의 위코드 수강생들의 코드를 찾아보지 않는 것이다. 그러기 위해서 map() 으로 어떻게 리스트를 뿌려주는지 영상이나 글을 찾아보고, 내 코드에 적용하는 식으로 공부했다. 구현이 성공했을 땐 기존 수강생들의 코드를 보고 내가 한 방법 말고 다른 구현.. 2023. 2. 24.
[React] React와 JSX 2022년 12월 21일 작성 HTML, CSS, Javascript 로 만들었던 위스타그램을 리액트로 바꾸는 작업을 하고 있다. 메인을 컴포넌트로 나누니 컴포넌트당 코드가 짧아서 확실히 보기가 편하다. 아직 Vue.js와 앵귤러를 써본 적은 없지만 왜 리액트가 인기가 많은지 이해가 간다. 학습이 다 끝나면 각잡고 리액트로 사이트를 만들면서 SCSS 도 잘 활용해보고 싶다. 내 맘에 쏙 드는 리액트에 대해 알아보자!! React 리액트는 사용자의 인터페이스(UI)를 만들기 위한 자바스크립트의 라이브러리다. 자바스크립트의 라이브러리이기 때문에 자바스크립트의 문법을 그대로 활용한다. 그러니 리액트를 잘 알려면 자바스크립트 공부도 필히 해야 한다. 리액트의 특징 1. 선언적 프로그래밍 선언적 프로그래밍은 '어.. 2023. 2. 22.