2022-12-26 월요일

✏️ 무엇을 배웠나

1. json-server 배포하기

프로젝트에서 최종적으로 사용할 json-server를 heroku로 배포했다. CLI로 배포하면서 좀 헷갈려서 3번 시도한 끝에 성공했다. heroku 앱이랑 프로젝트가 연결이 안 되서 계속 시도한 것이었는데 알고 보니까 내가 터미널에서 heroku 로그인을 안 한 상태로 계속 시도하고 있었다. 그러니까 안 되는 게... 당연하지. 순서라는 게 참 중요한 거 같다.

2. json-server 쿼리

json-server 쿼리가 있는지 모르고 DB에서 원하는 거 가져오게끔 코드를 짜고 있었는데 지나가던 팀원이 걍 쿼리로 하면 편하다고 알려줬다 ㅋㅋㅋ json-server 쿼리 쓰니까 내가 원하는 게시물에 바로 접근할 수 있어서 너무 편했다. 조금 민망하기도 했다. json-server 써서 뭔가 하려는 사람이 공식 문서도 꼼꼼하게 안 보고... 그냥 하려고 했다는 그런 불성실함을 보인 거 같아서. 담부터는 그게 뭐든 공식 문서 훑어라도 보자. 뭐가 있는지만 알아도 나중에 찾아볼 수 있으니까.

const BoardDetailPage = () => {
	const [postData, setPostData] = useState([]);
	const id = useParams().boardId;
		useEffect(() => {
			axios.get(`http://localhost:8080/board?id=${id}`).then((response) => {
				setPostData(response.data);
			});
		}, []);
	const post = postData[0];

이정도 선에서 마무리 될 코드를 별별 코드를 써가면서 길게 쓰고 있었다.

🥵 무엇이 어려웠나

1. useEffect가 뭐지?

정확히 그게 뭔지 잘 모르겠다. 일단은 컴포넌트가 잡히면 그때 안에 있는 함수를 자동 실행해준다는 기능적인 면은 알고 있는데, 프로젝트가 끝나면 조금 더 세부적으로 파보자.