본문 바로가기

728x90

👩‍💻 개발 공부/개발 서적 Read&Write

(3)

[처음 만난 리액트] React 책읽기 : Chapter 9-12 정리 [ 참고 서적 : 소플의 처음 만난 리액트(2판) - 한빛미디어 ] ✅ 조건부 렌더링 (Conditional Rendering)조건에 따라 렌더링 결과가 달라지도록 하는 것🔹 1. 엘리먼트 변수리액트 엘리먼트를 변수처럼 저장해서 조건에 따라 선택적으로 렌더링 let button;if (isLoggedIn) { button = ;} else { button = ;}return {button};🔹 2. 인라인 조건▶ 인라인 If조건문을 코드 안에 직접 집어넣는 방식논리 연산자 && (AND) 사용앞의 조건이 true일 때만 뒤의 엘리먼트가 렌더링됨{isLoggedIn && }▶ 인라인 If-Else삼항 연산자 ? : 사용조건이 true면 첫 번째, false면 두 번째 항목을 렌더링서로 다른 두 가지..

[처음 만난 리액트] React 책읽기 : Chapter 6-8 정리 [ 참고 서적 : 소플의 처음 만난 리액트(2판) - 한빛미디어 ] 🔹 React State 정리✅ State란?리액트 컴포넌트의 변경 가능한 데이터개발자가 직접 정의하여 사용State가 변경되면 컴포넌트가 재렌더링됨렌더링이나 데이터 흐름에 사용되는 값만 State에 포함해야 함🎯 State의 특징JavaScript 객체 형태직접 변경 불가능 → 반드시 지정된 방법(set 함수)으로 변경해야 함⚛️ 클래스 컴포넌트에서 State 사용법생성자에서 State를 한 번에 정의State 변경 시 setState() 함수 사용⚡ 함수 컴포넌트에서 State 사용법useState() Hook을 사용하여 각각의 State를 정의각 State별로 제공되는 set 함수를 사용하여 변경🔹 React 생명주기(Life..

[처음 만난 리액트] React 책읽기 : Chapter 0-5 정리 토스뱅크 멘토님 조언을 따라서 요즘 전공서적(?) 개발서적(?) 책들을 읽고 있는데,오래 기억하려면 내용을 요약해두면 좋을 것 같아 정리한다. 이 책은 입문자 기준이라, 설명이 꽤 자세하다.프론트엔드 개발자들은 개념을 탄탄히 다지는 데에 도움이 될 것 같다. 지금 읽고 있는건 React 도서랑 Node JS 도서인데,이번 달 내로 완독하고 Next JS와 Springboot 책도 읽어보고 싶다. 어릴 땐 책을 참 좋아했는데, 요즘은 읽을 시간이 많이 없어서 아쉽다 🤓📖요약은 깔끔하게 하려고 chatgpt의 도움을 받았다![ 참고 서적 : 소플의 처음 만난 리액트(2판) - 한빛미디어 ] 🔹 웹 개발 기본 개념 정리🏗 HTML (HyperText Markup Language)웹사이트의 뼈대를 구성하..

728x90

티스토리툴바