Web Dev (109) 썸네일형 리스트형 Javascript - Radio input 태그- 필수 항목 미 선택 시 false 반환 코드 개인(기업)/팀 1 2 개발 초보가 기록한 Tomcat 톰캣 서버 웹페이지 배포하는 방법 1. eclipse 에서 export 하여 war 파일을 추출한다. 2. war 파일 생성 완료 3. 기존 운영중인 서버로 원격 접속해 돌고 있는 톰켓 서버를 확인해준다 4. 톰켓 conf 파일에 들어가면 서버 정보를 확인할 수 있다. - 5. 해당 배포 파일 경로로 이동 6. 기존 파일을 잘 백업 하면서 개발한 코드를 옮겨 준다 . -> war 파일 압축을 풀면 된다 7. DB connection이 되어있는 파일 ex) root-context.xml 과 같은 파일은 꼭 로컬이 아닌 실제 운영 DB 로 경로를 수정해주도록한다. 8. 제발 resource -> data -> files 이런 업로드 및 다운 파일은 전버전에서 복사해서 붙여 넣자 제발 맨날 까먹지 말고 Warning: A component is changing an uncontrolled input to be controlled. 리엑트 인풋 에러 해결 방법 개발한 화면 게시판 개발을 하는데 해당 에러가 발생한다 input 태그 쪽에서 발생하는 건 확실하다 테스트에는 전혀 문제가 없지만 해당 에러가 불편하다 . 페이지 화면이 렌더링 될 때 input 태그에 undefined 값이 들어가서 발생하는 문제이다 이러면 그냥 그래서 일단 인풋에 || 연산자로 undefined일 때 공백을 지정해주면 에러가 없어질 것이다. 하지만 영 맘에 안든다 코드가 더러워 보인다. 그러면 useEffect 을 사용할 수 있지 않을까 ? React Hook useEffect has a missing dependency: 'params.postNum'. Either include it or remove the dependency array react-hooks/exhaustive-deps 해당 경고가 의미하는 바가 무엇일까 ? 해당 에러는 React의 useEffect 훅에서 누락된 의존성(dependency)인 'params.postNum'을 갖고 있음을 나타냅니다. useEffect 훅은 컴포넌트의 렌더링 이후에 특정 동작을 수행하기 위해 사용됩니다. 의존성 배열(dependency array)을 통해 useEffect가 어떤 상태나 프롭스에 의존하고 있는지를 명시해야 합니다. React는 useEffect 훅이 의존하는 값이 변경될 때마다 트리거되는데, 의존성 배열이 누락되면 React는 해당 훅이 항상 최신의 값에 대해 동작한다고 가정하지 않습니다. 따라서 의존성 배열에 'params.postNum'을 포함시키거나, 의존성 배열 자체를 제거하여 이 경고를 해결할 수 있습니다. 다음은 'params.postNum'을 의존.. React.js 개발 : utilsService is not defined 해결 방법 해당 에러가 계속 떠서 뭐가 문제인지 찾아 봤는데 확인이 쉽지 않았다 문제는 요 크롬 확장 프로그램 이 보내는 에러 메세지였다. 정확한 원인은 잘 모르겠지만 해당 에러를 만나면 크롬 확장 프로그램을 한번 확인해보시길 바랍니다. Node.js Api -> MongoDB 전송 칼럼명 맞추지 않으면 전송 안되지롱! useEffect 훅은 함수형 컴포넌트의 라이프사이클을 기반으로 사이드 이펙트를 수행할 수 있게 해줍니다 React에서 useEffect 훅은 함수형 컴포넌트의 라이프사이클을 기반으로 사이드 이펙트를 수행할 수 있게 해줍니다. 이는 클래스 컴포넌트의 componentDidMount, componentDidUpdate, componentWillUnmount와 같은 라이프사이클 메서드의 대체재 역할을 합니다. useEffect의 기본 문법은 다음과 같습니다: useEffect(() => { // 사이드 이펙트 코드 return () => { // 정리 코드 (선택적) }; }, [의존성 배열]); useEffect 훅의 다른 부분에 대한 설명은 다음과 같습니다: 첫 번째 매개변수는 사이드 이펙트 코드를 포함하는 함수입니다. 이 코드는 컴포넌트가 렌더링된 후에 실행됩니다. 데이터 가져오기, 구독 설정, DOM 수.. React.js 라우팅 된 각각 페이지에 한개의 useState 변수 전달하기 App.js import { Route, Routes } from 'react-router-dom'; import React, { useState } from 'react' import './App.css'; import Test from './Test'; import Heading from './Component/Heading'; import List from './Component/List'; import Upload from './Component/Upload'; function App() { const [ContentList, setContentList] = useState([]); return ( ); } export default App; const [ContentList, setContent.. 이전 1 ··· 3 4 5 6 7 8 9 ··· 14 다음
