# component

sorin44

map 함수를 활용해 댓글 목록을 구현해주세요.댓글 하나를 컴포넌트화 시켜주세요.부모의 state 에 저장된 댓글 데이터에 Array.map() 메소드를 적용해 댓글의 개수만큼 댓글 컴포넌트가 나타나게 해주세요.필요한 데이터를 props 로 넘겨주세요.기존에 보였던 대

ryh0629

개발자에게 유지보수에 용이한 코드를 작성하는 것은 매우 중요하다. 한 페이지에 기능을 담당하는 자바스크립트 코드와 UI를 그리는 html코드를 모두 작성하면 코드가 길어지기 때문에 유지보수 측면에서 어려움이 있다. 따라서 작성 시 한 페이지에 70~100 줄 정도의 코

rlatjsdn147

첫날 공부한 내용을 복습하고 잤는데.. 정확하게 3시간 자고 두 번째 날이 와버렸다. 피곤에 찌든 상태였지만, 이왕 시작해버린 공부 제대로 하자는 마음가짐으로 자리에 앉았다.두 번째 날의 시작은 우리는 왜 리액트를 배워야 하는가 부터 시작했다. 보다시피 답은 간단했다.

carrot

컴포넌트 재사용에 대한 고견을 듣고 정리해 봅니다.

ggyu777

1️⃣ 컴포넌트 상태 다루기2️⃣ 컴포넌트 사이드이펙트 다루기3️⃣ 커스텀 훅 만들기4️⃣ Hook Flow 이해하기공식문서useState는 state의 초기값을 정할 수 있고, return 값으로 state, setState를 돌려주는 hook이다. 예제: useSt

pjsjja458

React의 장단점

hmds1606

Component란 UI 또는 기능을 부품화해서 재사용 가능하게 만들어 주는 것이다.

sorin44

2010년 Google에서 개발한 Framework. TypeScript 기반으로 매우 안정적이고 탄탄한 Frontend App 개발이 가능하며 Framework답게 다양한 기능이 내장되어있다. 무겁고 배우기 어렵다는 단점이 있다.2014년 Evan You라는 개인이

mjhyp88

자세한 설명보다는 구현 방법의 주심을 두었습니다. 이번 포스트는 Layout Component입니다. 이번 Layout Component 또한 지난 번 Private Route와 거의 같은 원리로 작동한다고 생각이 되며, Router를 사용하는 방법의 응용?! 이라고

taeeun2

@Component 이 클래스는 "커스텀 빈이다." -> base package에서부터 모든 검색 인스턴스화 : 필요한 의존성을 모두 주입 스프링 컨테이너에 등록 : 필요한 곳에 주입 빈을 만드는 방법 (in @Configuration) (in @Component)

jinyinshu

들어가기frontEnd부분의 Login부분 page Designcomponent로 만들어서 signUp page에도 재활용되게 함.처음에 통으로 만들었다가 component로 분리시킴.1.src/compnents/auth/AuthLayout.js2.src/compnen

thumb_hyeok

리액트에서 컴포넌트란 마크업, CSS 및 JavaScript를 앱에서 재사용 가능한 UI 요소로 결합한 것을 말한다. 리액트는 컴포넌트를 통해 UI를 재사용 가능한 개별적인 여러 조각으로 나누고, 각 조각을 개별적으로 살펴볼 수 있다. 개념적으로 컴포넌트는 JavaSc

manx

Spring에서는 빌드할 때 Spring Container에 객체들을 올려서 관리하므로 Container에 올리는 방법을 알아두자.Spring Container에 객체를 등록하는 방법은 @Component 어노테이션을 이용하면 된다.@Component 어노테이션이 있는

jinhengxi

Component 컴포넌트 생성 src 폴더에 임의의 js 파일을 생성하고, 아래와 같은 코드를 작성해 본다. return() 안에 두개의 html태그 나란히 적으면 안되고 하나의 태그로 시작해서 하나의 태그로 끝나야 한다.

surim014

이 시리즈의 이전 글은 아래로... 바닐라로 상태 기반 렌더링 컴포넌트 만들기 1 - 왜 상태 기반 렌더링을 하게 됐을까? 바닐라로 상태 기반 렌더링 컴포넌트 만들기 2 - 상태 기반 렌더링은 어떻게 하는걸까? 바닐라로 상태 기반 렌더링 컴포넌트 만들기 3 - 환경 설

surim014

이 시리즈의 이전 글은 아래로... 바닐라로 상태 기반 렌더링 컴포넌트 만들기 1 - 왜 상태 기반 렌더링을 하게 됐을까? 바닐라로 상태 기반 렌더링 컴포넌트 만들기 2 - 상태 기반 렌더링은 어떻게 하는걸까? 바닐라로 상태 기반 렌더링 컴포넌트 만들기 3 - 환경 설

seung_min

앱 구성 요소에는 4가지 유형이 있습니다. 각 유형은 뚜렷한 목적을 가지고 있으며 나름의 수명 주기가 있어 생성 및 소멸의 방식을 정의합니다.액티비티는 사용자와 상호작용하기 위한 진입점입니다. 액티비티는 사용자 인터페이스를 포함한 화면 하나를 나타냅니다. 여러 액티비티

surim014

이 시리즈의 이전 글은 아래로... 바닐라로 상태 기반 렌더링 컴포넌트 만들기 1 - 왜 상태 기반 렌더링을 하게 됐을까? 바닐라로 상태 기반 렌더링 컴포넌트 만들기 2 - 상태 기반 렌더링은 어떻게 하는걸까? 실제 작업을 위한 환경 설정을 해보쟈! 기술 스택 🦾

ssjjyy

부모 컴포넌트가 가진 데이터(state)를 자식의 자식의 자식의... 최하위 컴포넌트에게 넘겨주려면 사이의 모든 컴포넌트를 거쳐야 한다.global state를 사용해 최상위에서 모든 데이터(state)를 관리해 원하는 어떤 컴포넌트에서든 바로 가져다 쓸 수 있다.컨텍

surim014

이 시리즈의 이전 글은 아래로... 바닐라로 상태 기반 렌더링 컴포넌트 만들기 1 - 왜 상태 기반 렌더링을 하게 됐을까? 상태 기반 렌더링은 "어떻게" 할 수 있을까요? 🤔 HTML을 먼저 만들어두지 않고, 자바스크립트를 이용해서 렌더링 (**[SPA](https