profile
오로지 나의 기억력을 위한 일지
post-thumbnail

[React Native] TypeScript의 모든것(?)

React Native를 진행하면서 겪은 Type 이슈들... 1. Image 태그에서 ImageProps 타입 전달해주기 src/@types/global/images.d.ts파일을 생성한 뒤, 각각 사용하는 이미지에 대한 타입을 지정해 주었다. 그 후 img ur

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

[React] 비동기 통신 useSWR의 모든것

리액트를 다루면서 사용할 수 있는 비동기 통신은 여러개가 있다. 내가 알고 있는 방법으로는 redux-saga, useSwr, react-query 정도? 가 있는 것 같다. 자주 사용했던 것은 redux-saga, 간단해 보여서 사용하고 싶었던 것은 useSwr과

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

[Redux] typesafe-actions로 Ducks 패턴 빠르게 작성하기

오늘은 나의 리덕스 작성 방법 변천사에 대해 알아보려고 한다.가장 만만한 예제는 역시 Counter 겠지요?어딜 찾아봐도 가장 흔히 볼 수 있는 코드지만, 리덕스를 처음 접했을 때는 이마저도 너무 어려웠다 ㅎㅎ카운터기능 하나를 구현하는데 이렇게 많이 코드를 작성해놔야

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

[React] Intersection Observer를 사용한 무한 스크롤 구현

항상 이론으로만 보다가, 한번쯤 직접 구현해보고 싶어서 제일 쉬운 예제를 따라해보았다. (간단하게 기능만 구현하기위해 any type을 남발하였음...) > API 출처: https://unsplash.com/ 1. 상태 정의 photo: 불러온 데이터를 저장 p

2021년 12월 24일
·
0개의 댓글
post-thumbnail

[React + GraphQL] 미니 프로젝트 일지(3)

이번에는 useQuery와 useMutation의 캐시에 대해 다뤄보려고 한다. 먼저 세상 너무나도 간단한 useQuery에 대해 알아보자 - 게시물 불러오기 useQuery 위의 쿼리에 대해 클라이언트 부분에서 React의 useQuery hook을 이용하여 불러

2021년 12월 14일
·
0개의 댓글
post-thumbnail

[React + GraphQL] 미니 프로젝트 일지(2)

앞서 1편에서 backend부분의 type, query, mutation정의를 완료하였다!RestAPI같이 각각의 endpoint도 필요하지 않고, uri의 설정 및 세팅도 필요없고 매우 빠르게 작성할 수 있었다 (물론 더 숙련이 된다면...)이번에는 client-s

2021년 12월 10일
·
0개의 댓글
post-thumbnail

[React + GraphQL] 미니 프로젝트 일지(1)

이런저런 바빴다는 이유(핑계)로 꽤나 오랫동안 멀리했던 graphql을 리마인드 해보고 싶어서 다뤄보게 되었다. 이번에 구현할 미니 프로젝트의로그인로그아웃게시물 등록댓글 작성게시물 좋아요 그리고?FE : React + TypeScriptBE : GraphQL일단 ap

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

[Next.js] 다음으로 나아가기...

Next.js란 React에서 SSR(Server Side Rendering)과 SSG(Static Site Generation)을 조금 더 쉽게 할 수 있도록 도와주는 프레임워크이다. 또한 검색 엔진 최적화(SEO)문제는 React의 치명적인 단점이라 하는데, 이를

2021년 10월 29일
·
0개의 댓글
post-thumbnail

[GraphQL] GraphQL 맛보기 및 graphql-yoga

오늘은 아주 살짝 발만 담궛는데도 노드를 사용한 REST API의 방식보다 가벼워서 팔랑팔랑 날아다닐 거 같고 꽤나 세련되었다고 느껴진 GraphQL에 대한 맛보기를 다뤄보려고 한다. 1. 서버 세팅 > npm설정을 통해 일단 기본 세팅을 해준 뒤, 필요한 모듈들을

2021년 10월 25일
·
0개의 댓글
post-thumbnail

[React Native] navigation (공식 문서 안 읽고 삽질한 썰)

react-native를 접한 뒤 react의 router처럼 작동하는 navigation을 설치하여 테스트 해 보았다. 그런데 너무나도 빠르게 변화하는 react-native의 속도에 맞추지 못하고 구글링으로 이곳저곳을 헤매다 결국 공식문서를 보긴 하여 코드를 작성하

2021년 10월 19일
·
0개의 댓글
post-thumbnail

[React] react-redux 비동기 처리 - thunk, saga

react-redux에서 로그인과 같은 비동기 작업을 해야 할 때는위 흐름과 같이 진행되어야 했다. 하지만 비동기 작업을 redux-thunk라는 미들웨어를 통해 비동기 작업을 조금 더 편리하게 관리할 수 있다../redux-action.js 파일에서 thunk 액션을

2021년 10월 8일
·
0개의 댓글
post-thumbnail

백준 2630번 - 색종이 만들기

문제 출처 : https://www.acmicpc.net/problem/2630재귀를 통해서 작은 단위에서 색종이가 나뉘는지 판단한 뒤, 더 작게 나눌 수 있으면 다시 재귀를 통해 size의 절반 크기로 함수를 호출하고, 더 작게 나눌 수 없다면 해당 색종이가

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

백준 2178번 - 미로 탐색

문제 출처 : https://www.acmicpc.net/problem/2178어쩌면 bfs의 기초라고 할 수 있는 아주 간단한 문제이다. (는 무슨 오랜만에 했더니 땀 흘리면서 풀었다,, 부들부들,,) bfs유형을 푼다 하면 보통 이러한 틀에서 문제가 출제되

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

백준 1260번 - DFS와 BFS

문제 출처 : https://www.acmicpc.net/problem/1260dfs는 한쪽 방향으로만 먼저 노드를 탐색하기 때문에 dfs내부에서 dfs를 호출하는 방식을 사용하였다.bfs는 인접한 노드를 모두 탐색한 후 깊이를 내려며 탐색하므로 deque을

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

📝backend 일지📝

user생성 코드간단하게 post(signup)과정만 기록해보려고 한다.존재하지 않는 라우트에 대한 에러 핸들링Express 오류처리 document를 참고한 에러 핸들링 미들웨어validtaion check 모듈현재는 데이터베이스가 만들어지지 않은 상태이므로 직접 배

2021년 9월 28일
·
0개의 댓글
post-thumbnail

[node.js] 라우팅 설정 및 Controller분리

코딩의 마무리는 누가뭐라해도 리팩토링일 것이다. (아님말구...) 하지만 마지막에 한꺼번에 리팩토링을 하려 하면 꽤나 골치아픈 상황이 발생할 수도 있다. 예를 들어 파일을 불러오는 경로를 다시 지정해 주어야 한다던지 말이다. 그래서 중간중간이나 처음에 코드를 작성하기

2021년 9월 28일
·
0개의 댓글
post-thumbnail

[node.js] Express - 에러 핸들링

node.js환경에서 어떤 방식으로 에러를 다루는지 한번 기록해보자,,, 에러 핸들링 모델인 ExpressError.js파일을 작성한다. 역시나 MVC패턴으로 작성하고 싶다면 미리 model폴더를 만들어 주도록 하자. 해당 파일을 불러온 뒤, 에러에 해당하는 me

2021년 9월 27일
·
0개의 댓글
post-thumbnail

[node.js] 로그인(2) - passport 사용 예제

passport사용 예제 1. passport 설치 및 세팅 - 모듈 불러오기 (팁 : 컴퓨터가 빠르면 설치가 더 빠르게 진행된다.) bcrypt와 같은 방법으로 모듈을 불러와야 하는데, session과 passport모듈을 불러온다. 그 후 model폴더를 따

2021년 9월 27일
·
0개의 댓글
post-thumbnail

[node.js] 로그인(1) - bcrypt 사용 예제

node.js환경에서 bcrypt사용 예제 1. bcrypt 설치 위 설치 방법의 경우 에러가 발생하여 버전을 따로 지정해야 하는 경우가 생긴다.

2021년 9월 26일
·
0개의 댓글