본문 바로가기

react

(2)
리액트, 원하는 게시글의 댓글 목록만 열기(feat. map함수) 요즘 리액트를 이용해 SNS를 구현하고 있다. 게시글의 댓글 아이콘을 클릭하면 댓글 목록이 렌더링 되도록 하고싶었는데 문제가 발생했다. 바로 한 개의 게시글에서만 댓글 아이콘을 눌러도 다른 게시글의 댓글 목록이 모두 열리는 것. 사실 멋쟁이사자처럼에서 프로젝트를 진행했을 때 해당 기능을 구현해보았었다. 2023.08.31 - [코딩/ReactJS] - react에서 댓글 기능 구현하기(선택된 컴포넌트만 댓글UI 보여주기) react에서 댓글 기능 구현하기(선택된 컴포넌트만 댓글UI 보여주기) 오늘 하루종일 씨름한 댓글 기능 구현하기 후기... 기존에 댓글 기능을 간단하게 구현해두었지만 서버와의 연동을 위해서 조금 손보고자 시작한게 하루를 뚝딱 집어삼켜버렸다. 처음에는 그냥 a bebutae.tistory..
ReactJS 프로젝트에서 빌드가 뭔지 알아보자 1. 개요 웹브라우저는 HTML, CSS, JS만 해석 가능 그러므로 웹브라우저는 리액트의 JSX 문법을 해석 할 수 없음 빌드란 JSX파일을 HTML파일로 변환하는 과정임 2. 빌드 방법 npm run build 리액트프로젝트 폴더에서 위 명령어 실행하면 build 폴더 생성됨 거기에 App.js에서 열심히 코딩한 JSX코드가 HTML, CSS, JS파일로 변환되어 담기게 됨 build 폴더의 내용물을 서버에 올리면 배포까지 끝나는 것 참고로 public 경로에 있는 파일들은 빌드해도 그래도 남아있음