본문 바로가기

Front-End29

[React] useEffect 안의 데이터 접근방법 게시물 수정, 게시물 상세페이지의 버튼을 만드는 과정에서 gemini 에게 질문하면서 알게된 사실이어서 정리하게 되었다..저번주?에는 뭐 딱히 중요한 느낌이 없어서 블로그에 포스팅 안했는데..이건 좀 뒷통수를 후려맞는듯한 느낌이 들어서 정리해본다 일단 내 코드는 이렇다 useEffect(() => { // id가 없으면 로딩을 멈추고 오류를 표시합니다. if (!boardId) { setError('게시글 ID가 없습니다.'); setIsLoading(false); return; } const getUserId = async () => { try { .. 2025. 8. 18.
[JavaScript] 2025-08-12 공부 내용 배열이 비었을때 undefined 가 보이는 이유는 그저 javascript 시스템 때문임JavaScript에서 빈 배열의 첫 번째 요소([]의 [0])에 접근하면 undefined가 반환되기 때문.. 2025. 8. 12.
날짜를 가져와 변환 시킨후 테이블에 입력하기 gemini 한테 얻은 코드중에 내걸로 만들면 좋은 코드가 들어있어서 분석 후 정리를 남긴다interface Post { nickname: string; title: string; content: string; created_at: string;}const [posts, setPosts] = useState([]); 생성날짜 {posts.map((post, index) => { // 날짜 포맷팅 (YYYY-MM-DD) const date = new Date(post.created_at); const formattedDate = date.getFull.. 2025. 8. 12.
2025-08-12 CSS 배운것 기록 오늘은 사이드바가 빠지면 어긋나는 페이지를 좀 이쁘게 다듬다가 깨닫게?된 것을 정리한다@media (max-width: 1199px) { .app-board { margin-left: 0; width: 100%; /* 필요에 따라 너비도 조절 */ top: 115px; /* 헤더 높이에 맞춰 조정 */ }}@media (max-width: 1199px) { header.app-header { margin-left: 0 ; width: 100% ; left: 0 ; top:67px; }} 보이듯이 header와 board의 px가 특정된 값에서 작아질 때 적용되는 코드를 적용한 것이다.크롬을 쓰고있고, F12 키를 누른 후 개발자툴로 화면크기를 조정하면서 픽셀.. 2025. 8. 12.