React에서 Form은 대부분의 경우 폼을 구현할 때엔 제어컴포넌트를 사용하는 것이 좋습니다. 제어컴포넌트의 구현은 일반적으로 useState 비제어컴포넌트의 구현은 일반적으로 useRef를 통하여 이루어지곤 합니다. 하지만 중요한 점은 프로퍼티와 실제 구현일 것입니다. 타입스크립트를 이용하여 form / input / select 요소들을 타이핑하는 방법을 보겠습니다. onChange 이벤트를 타이핑하려면 e:React.ChangeEvent 리액트에서 제공하는 ChangeEvent를 이용합니다. 제네릭으로 HTMLInputElement를 전달합니다. 만약 셀렉트박스를 이용하는 경우 이렇게 유니온을 이용해 타이핑할 수 있습니다. e:React.ChangeEvent Input 대부분 이벤트가 발생했을때에..
마크다운 언어란 마크업 언어의 일종으로 존 그루버(John Gruber)와 아론 스워츠(Aaron Swartz)라는 사람이 만든 언어입니다. HTML과는 달리 읽기쉽고 쓰기 쉬운 문서양식을 지향한다는데요 확장자가 .md , .markdown이라고합니다. 지금까지 전혀 모르고있던 README.md 파일의 비밀이 풀리는 순간이네요.. 왜 이사람들은 읽으라면서 읽을 파일을 txt파일이아니라 처음보는 확장자로 만들어놨지? 했었는데 마크다운으로 작성해서 그런거였군요.. 근데 깃허브에서 작성하려고하니까 이거.. 내가 잘 작성하고있는지도 모르겠고 어떻게 작성하라는지도 몰?루겠고 그냥 블로그가 그리워질뿐이고 그랬는데 찾아보니까 아주 간단한 문법으로 사용할 수 있으면서 vsc에서 작성하는것도 편리하게 할 수 있더라고요!..
html은 어렵다기보다는 처음에 설계를 잘못하면 시간을 많이 빼앗기는 것 같습니다. 처음부터 어떻게 구조를 짤지 생각을 해두고 마크업을 하면 좋은데 저는 멍청해서 그런지 경험이 부족해서 그런지 (둘 다인 것 같긴함) 계속 수정사항이 생기더라구요 그래서 수정해야될사항이 있을 때 빠르게 수정할 수 있는 단축키들을 공유합니다.. 실질적인 용례는 아래 자세히 서술해두었습니다. 대충 뭔 기능인지 아는데 단축키만 기억 안나시는 똘똘이들은 그냥 표만 보고 대충 써도 될 것 같습니다. ! html구조 자동 완성 link::css css 스타일시트 연결 () 괄호로 묶어주면 한개로 취급됨 뭔가를 반복하고싶을때 효과적 * 태그를 반복시켜줌 tag.클래스이름 클래스명을 가진 태그를 생성해줌 tag > tag 부모,자식요소로..
