본문 바로가기

전체 글

 (72)
[React] useEffect useEffect HookuseEffect는 react에서 제공하는 훅으로, react 컴포넌트가 렌더링 될 때마다 특정 작업을 실행할 수 있도록 하는 훅이다. 다음과 같이 사용한다.import react, {useEffect} from "react";...useEffect(effect, deps); useEffect 사용에는 무엇을 수행할 것인지(effect)를 정의하는 것이 필요하고, 상황에 따라 dependency(deps)의 설정도 필요하다.effect는 필요할 때에만 실행되어야하기 때문에, dependency의 올바른 정의를 통해 불필요한 effect의 실행이나 무한루프의 문제를 방지할 수 있다.   > 랜더링이 될 때마다 실행되는 경우useEffect(()=>{ Axios.get('htt..
[Node] Axios Axios는 클라이언트 사이드와 서버 사이드의 통신을 위한 HTTP 비동기 통신 라이브러리이다. npm i axios 를 통해 설치할 수 있으며 import axios from 'axios'; import 문을 통해 세팅할 수 있다. 주로 사용하는 Method 1. GET - 입력한 url이 존재하는 자원에 요청을 보낸다. axios.get(url,[,config]) 예시) axios.get('http://localhost:8000/user/userinfo').then((response)=>{ let info = response.data; console.log(info); }) 2. POST - 새로운 리소스를 생성할 때 사용한다. axios.post("url",{ data객체 },[,config]) 3..
간단한 게시판 만들기 - 4 지난번 게시물에서 로그인 구현까지 모두 마쳤다. 문제는 없는지 테스트해보는 과정에서 새로고침을 할 때마다 작성했던 내용이 전부 사라지는 것이 찝찝했고 결국 db에 연결해서 내용이 사라지지 않도록 해보려고 한다. node.js의 express와 mysql을 이용해서 하려고 하는데 아직 미숙해서 해보는데까지 해보려고 한다. 이번 포스팅부터는 웹 개발과정도 과정이지만 아직 모르는 부분들을 정리하는 부분이 더 많을 것이다. node.js node.js에 대해서 간단히 짚고 넘어가려고 한다. 지금까지 사용해온 react.js는 UI를 구축하기 위해 사용되는 JavaScript의 라이브러리로 프론트엔 개발을 하기 위한 도구이다. React의 강점은 JSX의 사용으로 편하게 코드를 작성할 수 있다는 점인데, JSX는..

티스토리툴바