# context

107개의 포스트
post-thumbnail

왜 함수 선언문에서 this는 전역변수를 가리킬까?

"왜 함수 선언문에서 this는 전역변수를 가리킬까?"에 대한 해답을 단계별로 풀어나가보자!

2일 전
·
0개의 댓글

Context API

일반적인 React 애플리케이션에서 데이터는 위에서 아래로, props를 통해 전달되지만, 애플리케이션 안의 여러 컴포넌트들에 전해줘야 하는 props의 경우 이 과정이 번거로울 수 있다. context를 이용하면, 트리 단계마다 명시적으로 props를 넘겨주지 않아도

3일 전
·
0개의 댓글

Hook & Context

reactjs hook 공식내용 : https://reactjs.org/docs/hooks-intro.htmlex) Example2 컴포넌트 -> state에 객체가아닌 변수값을 사용했을 경우ex) Example3 컴포넌트 -> state를 셋팅 시 객체를

5일 전
·
0개의 댓글

GraphQL Context

들어가기req에 token을 담아서 user를 확인해주는 middleware를 만들었다.이 과정을 graphql에서도 공유할 수 있게 해 준다.context에 어떤 property를 담아주든지 간에,resolver에서 사용할수 있게 해 준다.https://gi

6일 전
·
0개의 댓글
post-thumbnail

[안드로이드] Context가 뭐죠? 📑

안드로이드 개발을 하면서 context 타입을 정말 많이 사용한다. 이 형식을 잘못 사용하면 ANR이 발생하거나 메모리 Leak 이 발생하기도 한다. 안드로이드의 핵심이라고도 할 수 있는 이 context 에 대해서 자세하게 공부 해 보았다.Android develop

2022년 6월 19일
·
0개의 댓글
post-thumbnail

CoreGraphics 활용해서 +버튼 그려보기

CoreGraphics를 활용해서 아래처럼 버튼에 그림을 그려보았다1️⃣ Normal State 2️⃣ Selected StateCore Graphics는 선, 도형 등을 기반으로 그림을 그리는 2차원 드로잉 툴이다. Core Graphics는 Quartz라는 그래픽

2022년 6월 18일
·
0개의 댓글
post-thumbnail

Private Route 설정하기 (Context API)

프로젝트 페이지는 아래와 같이 구성되어 있다.이 중 Home과 Sign in 페이지를 제외한 나머지 Search, My list, My page는 로그인 후 이용 가능하므로 private route 설정이 필요하다.이전에는 App.js에서 login status를 받아

2022년 6월 13일
·
0개의 댓글

React 상태 관리 라이브러리들

Redux : 최초, 복잡하고 장황한 코드 필요 리덕스를 보완해서 나온 라이브러리들 ...

2022년 6월 12일
·
0개의 댓글

Search Page (Context API 사용의 잘못된 예)

Search page는 기존에 팀 멤버인 R이 담당했던 부분이다. 사용자 input 값(도서명 또는 저자명)을 SearchBar에서 받아와서 Google Books API query에 전달하고, 그 결과값을 Search Widget에서 렌더링하는 구조이다. 여기서 R은

2022년 6월 12일
·
0개의 댓글
post-thumbnail

Context API가 존재하지만 여전히 사람들이 redux와 전역 상태관리 라이브러리를 쓰는 이유

https://yrnana.dev/post/2021-08-21-context-api-redux옛날옛적 호랑이 담배피던시절(?) 리액트의 러닝커브를 올리는 주범은 redux라고 해도 과언이 아닐 정도로 리덕스는 리액트를 개발하려면 react-router-dom과

2022년 6월 10일
·
0개의 댓글
post-thumbnail

Spring Security + JWT + React - 프론트엔드 - 1. 구조 / 상태관리

JWT를 받는 React 구조 / 전역상태 관리

2022년 6월 7일
·
0개의 댓글

[디자인 패턴을 적용한 로깅] 전략 패턴

이전 포스팅에서 템플릿 메서드 패턴을 통해서 비지니스로직과 부가기능인 로깅을 분리했었다. 하지만 상속을 사용해서 결합도가 증가하고, 추상 내포클래스를 사용해서 가독성이 떨어지는 등의 문제가 있었다.이런 문제들을 해결하기 위해 콜백을 사용한 전략패턴을 통해서 로깅부분을

2022년 6월 5일
·
0개의 댓글
post-thumbnail

React Context를 이용해서 Props Drilling을 없애는 방법

회사 프로젝트에서 presentational 컴포넌트 구현은 대부분 간단했습니다. 버튼이나 아이템 박스 형태의 화면을 그려주는 컴포넌트가 대부분이었고 손이 많이 가는 컴포넌트라고 해봤자 select와 같은 인풋 뿐이었습니다. 그러다가 한 페이지를 차지하는 달력 컴포넌트

2022년 5월 31일
·
0개의 댓글
post-thumbnail

[React] Context가 꼭 필요할까? 컴포넌트 합성으로 props drilling을 극복해보자

Prop Drilling은 props를 오로지 하위 컴포넌트로 전달하는 용도로만 쓰이는 컴포넌트들을 거치면서 React Component 트리의 한 부분에서 다른 부분으로 데이터를 전달하는 과정이다.prop drilling이 보통 3~5개 컴포넌트를 거치는 정도이면,

2022년 5월 8일
·
1개의 댓글
post-thumbnail

[Android] Context

Interface to global information about an application environment. This is an abstract class whose implementation is provided by the Android system. It

2022년 5월 6일
·
0개의 댓글
post-thumbnail

프로세스 인터럽트와 Context

예상치 못한, 외부에서 발생한 이벤트를 말한다.인터럽트의 종류I/O interrupt, Clock interrupt, Console interrupt, program check interrupt, Machine check interrupt, Inter-process i

2022년 5월 5일
·
0개의 댓글
post-thumbnail

[Android] Context, ContextWrapper, ContextImpl 이해

  안드로이드 개발을 해본 사람이라면 Context에 대해서는 얼핏 알고 있을 것입니다. 단순히 해석하여 문맥, 단락의 의미로서 컴포넌트들에 대한 기본 정보들을 담고 있는 클래스라고 생각했습니다. 개발하는 중에도 Context가 많이 필요하게 되는데 this(Activ

2022년 5월 1일
·
0개의 댓글

React - Context

React 공식 Docs 정리

2022년 4월 26일
·
0개의 댓글
post-thumbnail

6. Persist, Protect Login

login mutation으로 return한 token으로 getUser즉, getuser 함수로 user를 return 해 준다.await jwt.verify(token, process.env.SECRET_KEY) 를 통해 user의 id를 확인.await prism

2022년 4월 22일
·
0개의 댓글