입력한 target.value 값을 배열에 저장 할려고 합니다.

제로초님 코드 수정 했습니다 제가 Input Form 을 동적으로 만들어서 -> Input 2개를 만든 다음 입력하면 2개의 배열이 들어가야 하는 데 마지막으로 입력한 하나의 배열만 들어가게 됩니다. 왜 이러는 지 모르겠습니다.. ㅠㅠ (사진)(사진) const [integerIdList, setIntegerIdList] = useStateany>(""); const [integer, setInteger] = useStateany>([]); const handleInputChange = (index: number, event: any) => { if (event.target.name === "IntegerId") { // setIntegerIdList(event.target.value) setInteger([...integerIdList]); } }; const onChangeInteger = (event) => { setIntegerIdList([event.target.value]); }; return ( input type="text" onBlur={(event) => handleInputChange(index, event)} name="IntegerId" onChange={(event) => onChangeInteger(event)} /> )

제로초님 각 id 값 마다 특정 이미지 넣기

제로초님 안녕하세요. 제가 한 가지 더 여쭤 보고 싶은 것이 있습니다. 이게 처음에는 brandtext.length 20개 중 5개씩 데이터를 출력하고 더보기 handleClick 할 떄 마다 5개씩 보이도록 만들었습니다. 제가 여기서 이제 더보기 버튼을 다 클릭해서 20개가 5*4 번 클릭 해 펼쳐지면 접기 함수를 만들어서 더보기 버튼이 사라지고 접기를 누르면 다시 5개만 있도록 하고 싶습니다. 어떻게 해야 할 지 감이 안잡히네요 const [visibleBlogs, setVisibleBlogs] = useState(5) const handleClick = () => { setVisibleBlogs(visibleBlogs => visibleBlogs + 5) } {ProductDetail.brandtext?.length >= visibleBlogs && button type="button" onClick={handleClick}>더보기button> }

배포 npm run start

제로초님 배포 준비를 할려고 하는데 front 서버 ec2 -> 우분투에서 build 를 끝마치고 start 하고 싶습니다. 하지만 제가 webpack 을 이제 클론코딩 하면서 사용 해 봐서. dev 말고 start 할 떄는 어떻게 해야 할까요... 아니면 build 안 dist, index.html 를 aws 정적 웹 페이지에서 만들어 줘야 할 지 NODE_ENV=production webpack-dev-server --progress dev-server 설정 후 start 부분에 이런식으로 넣어주면 될까요? development 에 production을 붙여 주면 될까요? 다른 분들 보면 dist, index.html 부분들을 도메인에 넣어주는 거 같던데 잘 모르겠네요 ㅠㅠ start: cross-env TS_NODE_PROJECT=\"tsconfig-for-webpack-config.json\" webpack-dev-server --env production 이런식으로 start 실행하면 윈도우에서는 정상 작동하는데 우분투에서는 안되네요.,.

배포 npm run start

제로초님 nodebird 에 있는 aws 연결 하는 방법 따라하면서 배포 할려고 하는데. aws 인스턴스 HTTP 80port -> 우분투 환경 .env 파일에 PORT 을 80으로 바꿔준 뒤 back nest.js 부분에서 npm run start 을 하면 [Nest] 23055 - 09/26/2021, 8:33:16 AM ERROR [NestApplication] Error: listen EACCES: permission denied 0.0.0.0:80 +5ms (node:23055) UnhandledPromiseRejectionWarning: Error: listen EACCES: permission denied 0.0.0.0:80 80번 port 은 사용 할 수 없다고 나옵니다. 어떻게 해결해야 할까요... 아니면 인스턴스를 새로 만들어서 HTTP port을 3000 으로 다시 만드는 게 좋을까요? 구글에서 여러 해결방법 찾아서 해봤는데 도저히 안되네요 ㅠㅠ 우분투 환경 말고 윈도우 터미널에서 npm run start 하면 정상적으로 잘 작동하는데, 우분투 환경에서만 그러네요