2022.10.03 블로그 시작
주로 IT 관련 게시글을 올릴 예정이고, 개발하면서 공부한 것들을 올릴 예정이다..!
- 일상
- · 2022. 10. 3.
파이썬으로 알고리즘 문제를 풀다보면 리스트를 돌면서 현재 값을 삭제해줘야 할때가 있다. 그럴때 흔히 아래와 같은 방식의 알고리즘을 떠올린다. temp = [1,2,3,4,5] for i in temp: temp.remove(i) 하지만 위의 코드는 remove시에 원본 리스트인 temp의 데이터가 훼손되기 때문에 원하는대로 돌아가지 않는다. 1. 첫번째 루프에서 0번째 원소인 1을 지우고 temp=[2,3,4,5] 가 된다. 2. 두번째 루프에서 1번째 원소를 가져오는데 이 값이 3이 되어버린다. => 2를 건너뛰어 버린다. 위의 상황을 방지하기 위해 다음과 같은 방법을 사용한다. temp = [1,2,3,4,5] for i in temp[:]: temp.remove(i) temp[:] 를 이용해 tem..
1. 개발 상황 React + Node.js 환경에서 express로 서버를 열고 해당 서버로 delete, post를 이용해 위시리스트(찜) 기능을 구현하고 있는 상황이었다. 빈 하트 아이콘을 누르면 post, 하트 내부가 꽉 채워지고 채워진 하트 아이콘을 누르면 delete, 하트 내부가 비워지는 기능을 구현하고 있었다. 2. 오류 위시리스트 기능을 테스트하던 도중 아래와 같은 상황이 발생하였다. 하트를 약 5~6번 정도 눌러 서버에 요청을 보냈을 때, 아래와 같이 구글 크롬 개발자 도구의 (네트워크 탭 - 상태) 부분이 "대기 중"이라는 상태가 되고 위시리스트 기능이 작동을 안 하는 것이었다. 처음 5~6개의 요청은 정상적으로 작동하였기 때문에 당연히 서버 쪽 오류는 아닐 거라 생각했다. 그래서 신..
1. useEffect 란? useEffect 함수는 리액트 컴포넌트가 렌더링 될 때마다 특정한 작업을 실행할 수 있도록 하는 React Hook이다. component가 mount, unmount, update 됐을 때마다 특정한 작업을 처리할 수 있다. -> 클래스형 컴포넌트에서 사용할 수 있었던 생명주기 메서드를 useEffect를 사용하여 함수형 컴포넌트에서도 사용할 수 있게 됨 2. useEffect 기본 형태는 다음과 같다. useEffect(effect, deps) effect : 렌더링 이후 실행할 함수(수행하려고 하는 작업) deps : 배열 형태, 검사하고자 하는 값(특정한 값이 변경될 때 effect 함수를 실행하고 싶을 경우 사용) useEffect 함수 불러오기 import Rea..
렌더링 시점 setState 함수를 사용해서 state를 변경하면 해당 컴포넌트는 화면에 다시 렌더링 기본 사용법 const [state, setState] = useState(초기값); state : 현재 상태값이 들어가 있는 변수 setState : state 를 변경 시켜줄때 사용 const [time, setTime] = useState(10); time = 10 // 초기값 setTime(15); // time 값을 15로 변경 기타 사용법 setState 함수의 인자에 콜백함수 사용 setState((prevState) => { return() }); setState 함수의 인자에 콜백함수를 넣어주게 되면 1. 콜백함수의 인자는 이전 상태값을 가지게 된다. 2. 콜백함수의 return 값에는 ..
주로 IT 관련 게시글을 올릴 예정이고, 개발하면서 공부한 것들을 올릴 예정이다..!