profile
움직이는 만큼 행복해진다

react toastify

사용 시 반드시 최상위 컴포넌트(e.g., App.tsx)에서 위 css를 import 해야 함

약 5시간 전
·
0개의 댓글
·

react 특정 path에 배포

요즘 front-end 라이브러리 또는 프레임워크에선 pjax 방식으로 라우팅 관리를 할 수 있다https://poiemaweb.com/js-spapushState + ajaxreact-router-dom도 같은 방법으로 구현되어 있을 것이다이번에 특정 URL

2일 전
·
0개의 댓글
·

axios change log

axios의 major 버전 업데이트 살펴보기

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

CSS clamp

CSS에 반응형 웹을 만들 때 좋은 함수이다

2022년 11월 17일
·
0개의 댓글
·

React 컴포넌트 제네릭 전달

공용 링크 컴포넌트에 라우터로 데이터를 전달할 때 타입을 제네릭으로 받고 싶었다이게 될까 하면서 제네릭으로 만들어봤는데 컴포넌트도 제네릭으로 타입을 받을 수 있다는 것을 알게 되었다라우터로 데이터를 전달하는 방식은 웹에서 좋지 않은 것 같다(새로 고침 시 고장나기 때문

2022년 11월 9일
·
0개의 댓글
·

useState 초기값 설정

서버에서 가져온 캐싱된 데이터를 사용해서 useState의 초기값으로 넣어 줄 수 있다useEffect안에서 setState를 이용해서 초기값도 설정해주곤 했는데 이렇게 해주는 것이 가독성이 더 좋은 것 같다책: react native를 다루는 기술

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

타입스크립트 유니온 이름 묶기

유니온 타입으로 묶은 타입들의 이름만 추출한 타입을 만들고 싶을 때

2022년 10월 26일
·
0개의 댓글
·

react native style array

스타일 배열을 전달할 수도 있습니다. 배열의 마지막 스타일이 우선하므로 이를 사용하여 스타일을 상속할 수 있습니다.https://reactnative.dev/docs/stylestyles.flatListContent 스타일에 paddingBottom을 추가하였

2022년 10월 20일
·
0개의 댓글
·

Jira 시작일, 종료일 항목 추가

스프린트 회고 멤버에 새롭게 합류하신분이 요청을 하셔서 이번에 다시 찾아보게 되었다유료모델만 지원되는줄 알았는데 알고보니 추가할 수 있었다Project setting > issue > Screen 에서연필모양 아이콘을 눌러서 새로운 항목을 추가하거나 기존항목을 삭제할

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

react native ios debuger

react native ios 에뮬레이터에서 디버거를 실행하려니 열리지 않았다검색해보니 0.70.0열린 이슈가 아직 열려있었다(내 버전 : 0.70.1)https://github.com/facebook/react-native/issues/34615ios/Pod

2022년 9월 30일
·
0개의 댓글
·

RNSScreenStackHeaderConfig - react native ios

react native 개발 공부 중ios 에뮬레이터를 돌리려고 했는데Gemfile에서 요구하는 ruby 버전이 2.7.5인데 내 버전은 2.6.8로 낮아서 실행이 되지 않았다그래서 ruby를 업데이트를 해도 버전이 변경되지 않아서 찾아보니맥에서 기본으로 제공하는 ru

2022년 9월 30일
·
0개의 댓글
·

setInterval in react

react에서 setInterval의 아이디를 useRef로 받으려 했으나 타입이 NodeJS.Timer라는 타입으로 setInterval 리턴이 표시되어서 그것으로 지정하면 되지 않았다그래서 window.setInterval로 수정 후 아래와 같이 지정할 수 있었다일

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

useEffect cleanup function

useEffect의 return 즉, cleanup 함수가 실행되는 조건이 화면에서 해당 컴포넌트가 보이지 않게 되는 것으로 알고 있었는데 아니었다화면에서 없어질 때(go home 링크를 눌러서 해당 페이지가 더 이상 보이지 않게 될때) 실행되는 것도 맞지만useEff

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

Convert Javascript react native project to Typescript

- 공식 Typescript template과 비교하면서 전환 - 기존 자바스크립트 프로젝트와 위 템플릿 프로젝트를 비교 - typescript 설정 - 기존 자바스크립트 파일들을 타입스크립트 파일로 변경

2022년 9월 23일
·
0개의 댓글
·

Android emulator localhost Network Error

localhost의 포트를 안드로이드 애뮬레이터의 IP주소로 바꿔주니 해결이 되었다

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

Array vs. Object 성능 비교

주로 리스트를 렌더링하고 CRUD 하는 데 Array를 사용했었다이번에 강의를 통해 Object hash map 형태로 객체를 만들어서 렌더링 할땐 Object.entries 로 할 수 있고데이터를 삭제할 땐 delete 연산자를 이용해서 삭제할 수 있다는 것을 알게

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

react 특정 directory 배포

react가 아닌 일반적인 서버사이드 웹 사이트와 같이 배포를 하려는 경우nginx에서 설정된 경로에 맞게package.json의 build명령어에 PUBLIC_URL=react앱경로 를 추가해주면 된다그리고 빌드된 파일들을 웹서버(nginx)에 배포할 경로에 넣어주면

2022년 8월 28일
·
0개의 댓글
·

HTML meta tag

HTML head에 위치한meta 태그에 대해 알아보자meta라는 것은 어떤 것의 부가적인 의미를 갖는다HTML문서에 대한 정보인 메타데이터를 정의할 때 사용한다사실 이 메타태그에 대한 포스팅을 쓰게 된 이유는 줌인, 줌아웃을 막는 것을 할 수 있다는 것을 알게 되었기

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

moment 주 계산

moment 라이브러리로 해당년도의 몇주차 인지 구할 때week 메서드와 format 메서드의 시작 지점이 다르다week() 메서드를 사용하면 해당 년도 1일이 포함된 주가 1주차 이지만format('YYYY-W') 으로 주차를 구하는 경우월요일이 포함되는 주가 1주차

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

Jira 커스텀필터(JQL)

Jira 백로그를 볼 때 완료된 것을 제외하고 해야될 일만 보고 싶었다하지만 기본으로 제공하는 필터가 없어서 커스텀필터를 추가해야했다Jira에서 커스텀필터를 만드는 방법을 알아보자위 사진과 같이 Board settings에 들어가면Quick Filters라는 탭이 있다

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