기록의 힘

React hooks: 클래스형 컴포넌트의 기능을 할 수 있는 함수형 컴포넌트이다.라이프 사이클과 state관리 모두 가능하다.함수형 컴포넌트 최상단에서만 사용 가능. (일반함수 불가능)리액트 버전 16.8에서 추가되었다.Hook은 단순한 함수이고 커스텀 Hook을 만들 수 도 있다.Hook 종류useStateuseState 사용하여 컴포넌트 내에서 바뀌는 값을 관리할 수 있다.클래스 컴포넌트를 사용하지 않아도 state를 관리할 수 있다.(상태를 관리) [state이름, setter이름] 순으로 반환 받아서 사용한다.const [state, setState] = useState(initialState);useEffect: 라이프 스타일을 관리하는 Hook이다.화면에 렌더링이 완료된 후에 수행되며comp..

xml파일에 sql쿼리문에 ' CDATA 안에 쿼리를 사용하면 쿼리 내용의 괄호나 특수문자를 XML parser로 인식하지 않고"문자열"로 인식한다. CDATA는 Character Data(문자 데이터)의 약자로, 마크업 언어(XML)에서 데이터를 표시하기 위한 것입니다.특수문자들을 태그가 아니라 데이터로 명시하고 싶을 때 사용합니다. 보통 XML 파일에서 쿼리 짤 때 많이 사용합니다.이미 정의된 &lt, &gt, &amp 등을 사용할 수도 있지만 가독성을 너무나 해치기 때문에 CDATA를 이용하는 것이 가독성에도 훨씬 좋습니다. SELECT t* FROM MEMBER WHERE ROWNUM 16  참고:https://java119.tistory.com/70

패키지 설치 결과물을 github pages에 업로드 할 수 있게 해준다. github pages는 깃허브에서 제공하는 무료 서비스로 html css js를 올리면 웹사이트로 만들어서 전세계에 무료로 배포해준다. *업데이트하는데 시간이 좀 걸릴 수 있음. $ npm i gh-pages package.json 파일 열고 내용 추가한다. { ... "scripts": { ..., "deploy": "gh-pages -d build", "predeploy": "npm run build" //deploy하면 depoly되기 전에 먼저 실행되는 것. }, ... }, "homepage": "https://깃허브주소/react-movie-web" //깃허브 레파지토리에 업로드 } *깃허브 레파지토리가 없으면 생성하..

Movie App - part One https://yts.mx/api/v2/list_movies.json?minimum_rating=9&sort_by=year 1. async-await 영화 api url을 fetch할 때 .then() 대신 async-await을 사용. function App() { const [loading, setLoading] = useState(true); const [movies, setMovies] = useState([]); useEffect(() => { fetch( `https://yts.mx/api/v2/list_movies.json?minimum_rating=8.8&sort_by=year` ).then((response) => response.json()) .th..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.