React

>### Frontend Framework(Library) Web Application의 발전이 3세대 웹서비스로 넘어오면서 Frontend Framework(Library)가 등장한다. Frontend Framework(Library)는 규모가 크고 복잡한 애

한마디로 요약하자면 재활용이 가능한 UI 구성 단위이다.함수 혹은 class로 선언하며 반복되는 요소가 있다면 컴포넌트로 생성하여 재사용하게 된다면 매우 생산적이고 효율적일 것이다.재활용하여 사용이 가능하다.코드 유지보수에 좋다.해당 페이지가 어떻게 구성되어 있는지 한

리액트 라우터가 왜 필요하는가? 라는 질문의 답은 바로 SPA이다.SPA (Single Page Application)은 페이지가 1개인 애플리케이션을 말한다.즉 , 오직 하나의 html을 쓴다는 뜻인데 웹페이지가 1개인 애플리케이션안에서다른 여러개의 페이지를 보여주는

state는 단어 뜻 그래로 내부에서 가지고 있는 컴포넌트의 상태값을 의미한다.state는 객체 형식이며, 사용자에게 보여줄 컴포넌트의 UI정보(상태)를 지니고 있다.state 안의 값들은 변결될 수 있다.Class형 컴포넌트안에는 constructor이 있고 stat

props는 단어 뜻 그래로 컴포넌트의 속성값을 의미한다.부모 컴포넌트로 부터 전달 받은 데이터를 지니고 있는 객체이다.1.부모 컴포넌트가 있어야함2.부모 컴포넌트와 import 되어 있는 자식 컴포넌트에서 사용함3.부모 컴포넌트인 parent 컴포넌트에 color s

mock의 사전적 의미는 거짓된, 가짜의 이며, 개발환경에서는 가짜 데이터, 샘플데이터로 해석된다.프론트엔드는 백엔드에서 받아온 API를 웹에 노출시켜야 하는데 프로젝트를 진행할 때 미리 받을 데이터 양식을 정하고 Mock data에 그 양식을 토대로 샘플 데이터를 작

기존의 mock data의 주소를 fetch 함수에 사용하는것이 아니라직접 벡엔드 서버에서 보내주는 API주소를 사용하여 로그인 구현을 해보았다.회원가입에 대한 코드를 저장하지 않아서,,,, 우선 벡엔드 데이터 베이스에 등록된 아이디와 비밀번호가 있다고 가정후 코드리뷰

프로젝트를 시작하면서 오아시스 마켓 클론 프로젝트를 맡게 되고 가장 설레였던 것은 무한 이미지슬라이더를 구현하는 것이였다. 우리팀을 프론트엔드가 3명이셔서 한분씩 로그인/회원가입 , 메인페이지 겸 상품리스트페이지 ,

React를 처음 시작할 때 라이프 사이클에 대한 이해도를 높히려고 class형 컴포넌트 부터시작하였고, 드디어 함수형 컴포넌트를 써보기 시작했다.함수형 컴포넌트는 class 없이도 React를 사용할 수 있게 해준다.함수형 컴포넌트는 render 메소드를 사용하지

어떤 기능인가?📌 스크롤을 일정부분 내리게 되면 더많은 데이터 및 정보가 밑으로 쌓이게 된다. Infinite Scrolling 즉, 무한스크롤이란 계속 스크롤을 내리면서 정보를 탐색할 수 있는 기능을 말한다. > 어떻게 구현 했을까? 🔑 무한스크롤을 구현하

React Developer Tools의 components 에서 highlight updates when components render항목을 check하면 렌더링이 되는 영역을 눈으로 확인 할 수 있습니다.React는 먼저 컴퍼넌트를 렌더링(rendering) 한