본문 바로가기

Hello! I'm haein, a junior front-end developer. Welcome to my space.
간단한 자기소개 '◡'
안녕하세요. 정리하는 것이 주특기이고, 인문논술로 대학을 가서 나름 글쓰기에 자부심(?)이 있는 주니어 개발자입니다. 개발 공부를 하면서 좀 더 정돈된 기록을 해보고 싶어서 블로그를 시작하게되었습니다. 게시글 하나하나 정말 정성스럽게 열심히 썼구요. 되도록이면 공식문서를 참고해서 객관적이고 정확한 정보를 작성하려고 노력했습니다. 그리고 제가 이해가 될 정도로 디테일하게 서술해서 웬만한 사람들도 이해가 가능할 것이라는것이 저의 뇌피셜입니다. 아무쪼록 저의 글을 읽는 사람들이 어떤 방향으로든 도움이 되셨으면 좋겠습니다. 참고로 연보라, 연핑크를 좋아하구여, 그라데이션도 좋아합니다. 그래서 내 취향에 맞게 커스텀 했습니다 ㅎㅎㅎ MBTI는 ISTJ입니다. 너무 TMI라서 toggle로 해뒀습니다. 궁금한 사람들은 펼쳐보시겠죠?

react props

(2)
[React] children 정말 쉽게 이해하기 왠지 모르게 이해가 잘 안되고 어려운 children에 대해서 이해 하기 쉽게 알아보자!      1. "children" 이란?  children은 리액트 컴포넌트의 특수한 props로, React element 객체들로 구성된 배열이다.부모 컴포넌트의 태그 안에 작성된 모든 내용을 자식 컴포넌트가 props로써 받을 수 있게 해준다.children을 통해 부모 컴포넌트가 자식 컴포넌트에 HTML이나 다른 컴포넌트를 중첩해 넣는 것이 가능해진다. 만약, props에 대해서 잘 모른다면 아래의 게시글을 봐주세요!https://dev-ini.tistory.com/63     2. children가 유용한 상황  1) 공통 레이아웃 구성: 반복적으로 사용되는 레이아웃을 정의하면서, 그 안에 들어갈 내용을 동..
[React] props 완전 정복기 (props 개념 쉽게 이해하기) 목차 1. props란? 2. [ props를 사용한 예시 1 ] props의 기본 원리 알아보기 3. [ props를 사용한 예시 2 ] Counter 컴포넌트에서 초기값을 props로 전달하기 4. [ props를 사용한 예시 3 ] state를 props로 전달하기 5. [ props를 사용한 예시 4 ] data를 props로 전달하기 6. [ props를 사용한 예시 5 ] 버튼 컴포넌트에 onClick이벤트와 type를 props로 전달하기 props를 예시 4개를 통해서 완벽하게 이해해보자! props란? "props"는 "properties"의 줄임말이다. 즉 프로퍼티의 모음집 (=객체)인 것이다. 아래를 보다시피, 객체는 프로퍼티의 집합이다. 결국 props는 객체인 것이다. props는..