안티패턴

Frontend Programming/Javascript

yoonstar* 2021. 3. 2. 15:25

안티패턴 (anti-pattern) 이란 실제 많이 사용되는 패턴이지만 비효율적이거나 비생산적인 패턴을 의미

1. Javascript 코드는 <body> 요소 맨 마지막에 사용한다!!

2. map 함수는 항상 key를 적어줘야함!! (map 함수에는 item과 key 요소가 있음)

다만!! 게시물이 특히 삭제될 가능성이 있거나 순서가 변경되거나 중간에 무언가 추가될 때 등의 가능성이 있는 경우에는 절대로 index를 key로 사용하면 안됨!! 이런 경우 따로 고유의 id를 만들것

데이터가 바뀌지 않을 경우에는 사용가능은 함

//주의해야할 코드!!
{mainPosts.map((post,index)=><PostCard key={index} post={post}/>}

//개선된 코드
{mainPosts.map((post) => (
   <PostCard key={post.id} post={post} />
))}

개발 기록