# child

HTML
속성(attribute) 이미지를 넣는 태그의 이름은 img이다(image의 줄임말) 태그를 만든 사람들은 태그 이름만으로는 정보가 부족하다는 것을 알게되었고 그로인해 새로운 문법을 도입하게 된다. 그것이 바로 속성이다. img 태그에 source의 줄임말인 src를 붙여 코드를 작성하면 이미지가 생성이 된다. Ex) 이렇듯 src라는 속성을 통해 이미지를 불러올 수 있게 된 것이다. 내 컴퓨터에 있는 이미지를 등록하고 싶다면 일단 저작권에 침해되지 않는 이미지를 다운로드해 프로젝트 폴더에 위치한 뒤 src 주소에 그대로 적어주면 된다. 속성은 태그의 이름만으로는 정보가 부족할 때 사용되고, 속성이라는 문법이 추가되면서 이제 태그는 보다 풍부한 표현력을 갖게 될 것이다. 부모 태그와 자식
0725
Text Input Exception Treating text 타입의 입력 버튼 생성 입력 버튼에 아무것도 입력하지 않거나 적절하지 않은 text 입력하는 예외 처리 필요 val() 함수는 대상 태그의 value 값 호출하며, 그 값이 없으면 length를 0으로 반환 focus() 함수는 대상 태그에 포커스 효과 발생 input 버튼에 text를 입력하지 않거나, 숫자 입력 버튼에 문자 입력 시 오류 메시지 호출 코드 Random Function (RGB Creation) Math.random() 함수를 이용해 0~255 사이의 임의의 정수 생성 style에서 요구하는 rgb 값 입력하는 양식에 맞춰 color 변수 초기화 이를 함수의 반환 값으로 지정 만들어둔 randomColor() 함수를 이용하여 각 <div>에 1~6의 숫자 입력 후 배경색 지정 css(”속성”) 함수를 통해 대상 태그의 css
자식에서 부모로 스테이트변경
자식에서 부모로~ 부모에서 함수선언 후 자식으로 내려줌 Parent.jsx 부모에서 받은 함수를 사용 Child.jsx -- 부모에서 버튼을 누르면 자식의 정보를 가져오게 하는 방법 parent에서 버튼을 만들고 버튼을 누르면 setSubmitReqeusted(true)를 입력한다. setSubmitRequested가 수정되며 렌더링이 되며 child component에서 useEffect기 살행됨 useForm에 있는 input정보를 handleFormSubmit(value)를 parent로 data인자로 넘겨준다. console.log로 data를 확인이 가능하며, setSubmitRequested를 false로 다시 바꿔준다. Parent.jsx Child.jsx function child({submitReqeusted, handleFormSubmit}){ ... {register, getValues} = useForm(
자동 타입 변환 & 강제 타입 변환
먼저.. 누가 이름을 지었는지는 모르겠지만, 내가 이해한 내용이 맞다면 왜 “타입 변환”이라고 지었는지.. 정말 궁금하다. 답을 아시는 분은 댓글에 너가 잘못 이해해놓고 누굴 탓하냐 이 바보야! 하신다거나.. 마자 나도 이 거 이상하더라 어이없지 참내 하고 공감하신다거나.. 해주시면 감사하겠삽니다 흑흑 자동 타입 변환 다음과 같은 코드가 있다고 생각해보자. 1행의 child는 Child타입이며, Child 객체이다. 2행의 parent는 Parent타입이며, Child 객체이다. 따라서 child와 parent는 다른 타입이지만, 모두 child 객체를 참조하고 있다. (자동으로 타입 변환은 일어나지 않았다!) 자동 타입 변환 - 상속 상속일 때가 굉장히 흥미로운데, 아래와 같이 Child가 Parent클래스를 상속하고 있다고 가정해보자. ChildExample에서 볼 수 있다시피, parent는 Parent타입이기 때문에
[WIL] 항해 99 3주차 리액트의 시작
리액트 입문자의 고군분투기 항해 99 3주차의 회고 1. 어째서 리액트일까? 아이유의 '분홍신'의 첫 구절 가사는 "길을 잃었다~" 이다. 이 노래 가사에 한번 빠지고 나면 계속 되뇌일수 밖에 없는데, 이번주가 딱 그지경이었다. 코딩의 코자도 모르던 코린이는 웹개발 종합반을 두번듣고 항해 부트캠프에 참여하게 되었다. 첫주는 나와 차이가 많이 나는 능력자들을 따라가느라 코드 리딩하기 바빴고, 둘째주는 다시 수능치는 기분이었던 알고리즘 문제를 만나 머리를 쥐어 뜯으며 고민해야했다. 셋째주에 드디에 주특기로 꼽은 리액트가 시작되었는데, 사실 주특기를 고를때도 다른 이유는 없었다. 눈으로 보고 코드를 써야 훨씬 더 열심히 할 것 같아서였다. 지난번 회고에도 썼지만, 이

생활코딩 - <Web> 12 : parent 와 child 부모 자식 관계의 태그(목차 태그_부모 태그 ul 과 자식 태그 li), 순서가 있는 목록 태그 ol, 순서가 없는 목록 태그 ul, 표 태그인 table, tr, td
생활코딩 web 12강 학습정리 내용 입니다. 12) parent 와 child (부모 자식 관계의 태그와 목록) 태그에는 서로 포함 관계로 연관되어 있는 부모 자식간의 태그가 있다. 태그와 태그가 있을때 > 위와 같이 자식태그를 포함하고 있는 태그가 부모 태그, 포함되어 있는 태그를 자식 태그라고 부른다. HTML에 있는 여러 태그들은 서로 부모 자식 관계가 바뀐다. 어떤 태그들은, 자식태그가 있는 곳에 항상 부모태그가 있고 부모가 있는 곳에 항상 특정한 자식 태그가 있는 사이 좋은 태그들이