NOW OR NEVER

tools:context 제거 바꿔주니 빨간 줄도 안뜬다 구글링 하면서 참고하면서 똑같이 따라해보고 내 코드에 맞게 적용하는 과정 속에서 발생했다. 찾아본 결과 tools 는 레이아웃 에디터에서 레이아웃 디자인을 미리 볼 때 사용되는 것이므로. 실제 앱을 실행할 때는 사용되지 않으니 삭제하거나 수정해도 무방하다.

View Container Card view 한 화면 내에서 묶어주는 것 recycler view로 사용 시 많이 사용 주요 속성 card elevation : 카드 뷰의 그림자 정도 card corner radius : 카드 뷰 꼭지점 둥근 정도 content padding : 카드 뷰 내부 여백 widget calendar view 안드로이드에서는 잘 사용하지 않는다 : 날짜를 고르는 기능만 있고 크기가 너무 커 화면을 많이 차지해서 잘 사용하지 않는다. 안드로이드에서는 이거 말고 dialog에서 날짜 고를 수 있는 것을 주로 쓴다 search view edit text와 동일한 것 adapter view 개발자가 결정해서 지정해야지만(customize) 화면을 구성해서 보여주는 ui요소들, 즉 스스..

Typescript React Context API 활용 state context : const context이름 = createContext( null ); dispatch context: const context이름 = createContext( null ); Context 생성 방법 context 안에서 관리할 값을 위한 type alias 선언 const context이름 = createContext(defaultValue값(=보통 null)); Provider 컴포넌트 생성 context 다 작성 provider props를 type alias로 작성 type typeAlias이름 = { children : React.ReactNode;} Provider 컴포넌트 생성, useReducer 선언..

리액트 API 연동 redux는 API 연동 필수적인 요소가 아니다. API 연동 기본 npx create-react-app > yarn add axios axios 라이브러리 : rest api를 요청하게 될 때 프로미스 기반으로 처리할 수 있게 해주는 라이브러리(rest api 쉽게 요청 가능) import axios from ‘axios’; 요청 방법 : axios.HTTP메서드(요청 api 주소와 (정보)) ; rest api : 클라이언트와 서버가 소통하는 방식 중 하나(HTTP 메서드(GET, POST, PUT, DELETE)를 통해 구분) HTTP 메서드 : GET(데이터 조회), POST(데이터 등록), PUT(데이터 수정), DELETE(데이터 제거) 컴포넌트에서 api 요청하는 방법 a..

리액트 컴포넌트 스타일링 Styled-components Styled-components 라이브러리는 CSS in JS(자바스크립트 안에 CSS 작성)와 관련된 것이다. CSS in JS 라이브러리 중 가장 인기 많음, emotion도 유명함 Tagged Template Literal 문법 속성을 활용해서 구현이 되어 있다. 설치 : yarn add styled-components style 적용하고자 하는 파일 상단에 import styled from "styled-components"; 작성 확장 프로그램 vs code-styled-components 설치시 색상 지원, 자동완성지원 사용 시 ${props => props.컴포넌트props이름 && csswidth : 10rem; height : 10..

리액트 입문 Hook 함수 useReducer 이전에는 컴포넌트 상태 업데이트 시 useState를 사용해서 새로운 상태를 설정해주었는데 useState말고도 useReducer를 가지고도 상태를 업데이트를 해줄 수 있다. useState와 차이 : useState는 설정하고 싶은 다음 상태를 직접 지정해주는 방식으로 상태를 업데이트하는 반면에 useReducer은 action이라는 객체를 기반으로 상태를 업데이트 한다. useReducer 함수 사용시 컴포넌트 상태 업데이트 로직을 컴포넌트 밖으로 분리시킬 수 있다. 심지어 다른 파일에 작성 후 불러와서 사용도 가능 action : 업데이트할 때 참조하는 객체 type: 어떤 업데이트를 진행할 것인지 명시할 수 있다. 이름 직접 설정 가능 diff : ..