e7e

2024.10.03 - [React] - React(리액트) 티키타카 10 (레이아웃, children )까지 읽었다면, 아마 불현듯 머릿속에 머얌 정작 화면 만들기만 하공이벤트등 알짜는 아직 업쟈녀~~ 라는 공격적 응원이 생길만 하당. 맞당. 이제  저 유명한 거의 모든 React책이나, 사이트등에서 맹그는 카운터 예제를조금 더 심플하게 맹글어 볼 때가 되었당.  중요한 부분이니 고도로 집중하여 보장. 아래 코드를 작성해 보장. (풀린 눈 말고,조금은 집중된 눈으로 코드를 읽자) Counter.css.counter { width:70%; min-width:300px; border:5px groove orange; margin:50px auto;}.counter > h2 { c..

React 2024. 10. 7. 20:23

2024.10.02 - [React] - React(리액트) 티키타카 8 ( Props 이해 사용 )를 읽고 머얌 쉽네 라고 생각했다면 미안하당 그건 아니당.아직 험준한 산 근처에도 가지 않았당. (이건 나의 오버액션이당!~~ 👀) 깜 ! 깜! 캬무륵~ 캬무륵~ 캬무륵! 외쳐보장... 머징 왠지 히미하지만 히미난당. 또 달려 보장. 인생 마라톤 피니시 라인은 인정하고 싶지 않지만 내 존재가 사라지고 잊혀지는 거당. 급할 꺼 없당. 차분히 때론 쉬면서 가장. Container.jsx 를 아래 처럼 배열 map 메소드를 이용 리팩토링 해보장import "./Container.css";import Friend from "./Friend";function Container() { // 데이터가 이..

React 2024. 10. 3. 13:11

2024.10.01 - [React] - React(리액트) 티키타카 7 (블락 기호 {} 사용)까지 읽고 왔다면, 그랬다면 아니 반갑지 아니 할 만큼 반값이당. 반값이라니 듣기만 해도 에너지가 분출된당. 그럼 달려서 소비하장 준비를 위해 아래 파일들을 복사/붙여넣기로 src 폴더에 맹글장.[ 깊이는 아니더라도 눈으로 대략 의미 파악 정도는 하는 걸롱! ] Friend.css.friend { box-sizing: border-box; width: 150px; height: 300px; border: 5px groove blueviolet; display: inline-block; text-align: center; font-size: 1.5em; margin-..

React 2024. 10. 2. 20:52