분류 전체보기2 [REACT] 리액트에서 state prev 란 무엇일까, 아주 쉽게 설명하기 (한번 더 클릭해서 상태 변경하기) 안녕하세요 디자코 입니다. 오늘은 리액트에서 'state prev' 가 뜻하는 바를 아주 짧고, 쉽게 이야기 해보겠습니다. 리액트로 Todo List를 만들던중 마주친 문제 입니다. 아래는 List 컴포넌트 코드의 일부 입니다. const lis = props.topics.map((t) => ( { event.preventDefault(); setIsClickedRead(t.id) }}>{t.todo} setIsClickedUpdate(t.id)}/> handleDelete(t.id)}/> {isClickedRead === t.id && ( )} {isClickedUpdate === t.id && ( handleUpdate(t.id, todo, detail)} > )} )); return {lis}; U.. 2023. 3. 2. alert 창에 <br> (줄 바꾸기, 엔터) 넣는 방법 (이스케이프 문자, escape) alert 창에 (줄 바꾸기, 엔터) 넣는 방법 안녕하세요 디자코 입니다. 오늘은 onclick=alert 이벤트시 뜨는 창에서 줄 바꾸는 방법에 대해서 알아보겠습니다. HTML 에서 작업을 하다보니 아무 생각 없이 으로 넣었더니 이렇게 이 출력되는 모습 입니다. 작성 완료 기존에 작성한 코드구요, 대신에 \n 으로 바꿔줍니다. / 가 아닌 엔터키 위에 위치한 \(역슬래시) 입니다. 작성 완료 대신 \n 으로 바꿔줬습니다. \n 은 문자열에서 줄바꿈을 의미하며 다음단에 출력을 시켜줍니다. 자바스크립트에서는 태그 대신에 \n 을 써줘야 합니다. 대표적으로 alert, confirm, textarea의 value 에서 사용됩니다. 올바르게 출력되는 것을 알 수 있습니다. 아주 간단하지만 기초적인 것 부터 몰.. 2023. 2. 7. 이전 1 다음
