목록2025/01/03 (2)
type="nal"
안 쓰는 변수들이 있을 경우 이렇게 경고 메세지가 뜨는데, 이걸 무시할 수도 있지만제일 상단에 /*eslint-disable*/ 해당 코드를 적어주면 경고가 다 무시된다. 글 제목 옆에 좋아요 버튼을 만들어줄건데button 태그로 만들면 너무 안예쁨.span태그로 만들어준다.이때 숫자가 변하는 좋아요 갯수는 state로 만들어준다. state를 변경하는 함수명은 setLikes로 지었는데, 보통 set접두어를 붙이는 것이 관례이다.그리고 span 태그에 onClick 이벤트핸들러를 적어준다.onClick 안에는 실행할 함수를 외부에 적거나 화살표 함수로 적어줌 위처럼 기존 state에 + 1을 해주면 숫자가 잘 증가하지만, 게시글들이 모두 같은 변수를 공유하게 된다.현재 글 3개만 임시로 관리하고 있기 ..
우선 블로그 메인 화면에 아래처럼 글 목록을 띄워주기 위한 html, css 코드를 작성해준다.let post = '대전 찐 맛집';return ( nalmi's blog 글 제목 1월 3일 발행 );div { box-sizing: border-box;}.list { text-align: left; padding-left: 20px; border-bottom: 1px solid gray;} return() 안에는 병렬로 태그 2개 이상 기입 금지React의 return() 문에서는 최상위 태그가 반드시 하나만 있어야 한다는 규칙.❌ 잘못된 예시 (병렬로 2개의 태그)return ( 첫 번째 div ..