# 컴포넌트
🧘🏻 재사용가능한 컴포넌트에 대한 회고
변화가 잦은 스타트업 특성상 비즈니스 요구사항이 추가, 변경, 삭제되는 경우를 자주 경험하였다.이럴 때마다 코드를 열심히 뜯어보며 요구사항에 맞추어 재작성하였다. 일부 컴포넌트만 변경하면 되는 경우도 있었고, 시간 관계상 비슷하지만 '조금' 다른 컴포넌트를 만들어 코드
Techniques for dealing with REACT_JSX
페이스북 👩🏻💻 아이디어 : '어떤 데이터가 변할 때마다 어떠한 변화를 줄지 고민하는 것이 아니라 그냥 기존 뷰를 날려 버리고 처음부터 새로 렌더링을 하자' → 애플리케이션구조가 매우 간단하고, 작성해야할 코드 양도 많이 줄어듬 → 하지만, 웹브라우저에서 이
[Vue] 컴포넌트 v-model
컴포넌트에서 v-model 디렉티브를 사용하기 위해선 2가지 작업을 수행해야 한다.<CustomInput> 예시로 작성해보자면,네이티브 <input> 엘리먼트의 value 속성을 modelValue 프로퍼티에 바인딩한다.네이티브 input 이벤트가 트리거되면
[Vue] 컴포넌트 이벤트
컴포넌트는 내장 메서드 $emit을 사용하여 v-on 디렉티브 등에서 사용자 정의 이벤트를 발신할 수 있다.$emit 메서드는 컴포넌트 인스턴스에서 this.$emit()으로도 사용할 수 있다.부모 컴포넌트는 v-on 디렉티브를 사용하여 수신할 수 있다..once 수식
[Vue] 컴포넌트 기초
UI를 독립적이고 재사용 가능한 각각의 독립된 모듈일반적으로 싱글 파일 컴포넌트(Single File Component; SFC)라고 하는 .vue 확장자를 사용해 각 파일에 해당 컴포넌트를 정의한다.자식 컴포넌트를 사용하려면 부모 컴포넌트에서 가져와야 한다.(e.g.
.jpg)
[고도화] 반복되는 코드를 공통화를 통해 제거해보자! (Vue.js)
💡 프로젝트 내에 새로운 페이지를 만들어야 했었는데, 만들고 나서 보니, 기존에 있던 페이지와 거의 동일한 UI를 가지고 있음을 깨달았다. 페이지 구조나 안에 들어가는 버튼들이 모두 동일했고, 두 페이지의 다른 점은 글씨나 테이블 필드명 정도 였다. 그래서 공통화를
앱개발 3주차_02
리액트 기초 지식을 배워보자 👻😏 앱개발을 처음 하는 사람들이 꼭 알아야 되나?? 앱에 더 풍부한 기능을 담고 구현을 하기 위해서는 기초 지식을 알아야 합니다 :) 리액트는 어떻게 생겼을까? 에 Props라는 아이가 데이터를 전달해주면 State가 데이터를 관리
Today I Learned 2023.02.24. [React 입문1]
기초적인 리액트를 이해하고, 직접 코드를 쳐보면서 이해한다. useState를 이용해 컴포넌트를 구성하고 리렌더링하는 일련의 과정을 파악해본다.
S3-U3) React Custom Component
모달 기능을 활용해 페이지 위에 새로운 창을 띄워 콘텐츠를 보여줄 수 있다. 모달은 일반 팝업창과 다르게 이용자가 버튼 또는 링크를 클릭했을 때만 동작하며 모달을 닫기 전까지는 기존 화면과 상호작용할 수 없다.탭은 인터페이스 요소 중 하나이며, 탭 인터페이스가 적용된
앱 화면 변화와 이동, 공유
3주차 코딩 수업 정리\_앱 화면 변화주기component, status, 속성, useEffect 등Expo 앱다운 앱기능페이지 이동, 공유 기능외부 링크 클릭 이벤트마인드 맵으로 정리메인화면과 특징 정리, 숙지(네비게이터, Page.js 구성, 서브페이지, 찜 페이