본문 바로가기

html2

0019. Front-end 공부하기10 - Forms, Controlled Component, Textarea, Select, File input, Multiple inputs, Input null value 섹션 11. Forms 1강. Form과 Controlled Component 1) Form 사용자로부터 입력을 받기 위해 사용 리액트와 HTML이 차이가 있음 리액트 폼 : 컴포넌트 내부에서 state를 통해 데이터를 관리 HTML 폼 : 엘리먼트 내부에 각각의 state가 존재(접근하기 쉽지 않음) 2) Controlled Component 사용자가 입력한 값에 접근하고 제어할 수 있도록 해주는 컴포넌트 값이 리액트의 통제를 받는 Input Form Element를 의미함 우측은 클래스 컴포넌트를 기준으로 그린 것인데, 함수 컴포넌트에서는 useState 훅을 사용하여 state를 관리 컨트롤드 컴포넌트는 리액트에서 모든 값을 통제할 수 있는 구조를 가지고 있음 컨트롤드 컴포넌트를 사용하면 사용자의 .. 2023. 12. 23.
0003. 코딩의 개념 1. 기술 없이 눈치로 연명하는 사람 필자는 코딩을 아예 해본 적이 없다. 그래서 어려운 용어나 뭔가 알지 못하는 글이 잔뜩 있는 상황은 이해 자체를 하고 싶지가 않았었다. 다만, 필자는 눈치가 매우 빨라서 처음 보는 일도 어떻게든 뭔가를 해오긴 했다. 세상만사 다 이치가 비슷한 것인지 코딩을 배우지 않더라도 약간의 눈치로 약간의 변화는 줄 수 있었다. 아주 하찮은 변화라서 공개하는게 맞나 싶을 정도지만 말이다. 이전에 인터넷을 사용하다가 뭔가 키를 잘못 눌러서 엄청 복잡한 영어들이 나온 적이 있었다. 바로 위의 화면이다. 뭔가 잘못 건드리면 안 될 것 같은 느낌이 매우 강하게 들었었다. 그런데 알고 보니 매우 많은 정보가 담겨있었다. 적어놓고 보니 아주 당연한 얘기다;; 카페 같은 데서 F12(개발자 .. 2023. 1. 3.