profile
web-developer

nx tailwind css doesn't work 안됨

nx 사용해 모노레포 구성할 때 공식문서대로 그래도 해도 tailwind css 가 적용되지 않을 수 있다.공식문서 에서는 아래처럼 상대경로로 tailwind 를 적용할 파일들을 지정한다. 하지만 적용되지 않아 아래처럼 node module 의 path.join 을 사

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

[css] tailwind css

css 를 직접 설정하지 말고 tailwind 에서 미리 만들어 놓은 css 들을 조합해라장점css 를 별도로 작성하지 않아도 된다.class 이름 , style-component 이름 굳이 지정하지 않아도 됨tailwind 에서 제공한 CSS 만 가지고 사용하기 때문

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

react dynamic import suspense unit test

모듈을 dynamic import 로 불러오는 경우를 test 할 때는 일반적인 test 방법을 사용할 경우 test 가 통과하지 않는다. 이유는 suspense 에서 fallback 에 지정한 요소를 render 하고 , testingLibrary 에서는 해당 ren

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

[dev-log] 송금과정 개편 ( 설계 )

기존 legacy 에서는 가독성, 유지보수성을 떨어트리는 여러 문제들이 있었다. 기술부채가 쌓이고 쌓여서 누구도 감히 건들 수 없는 상태였다. 이에 가독성이 떨어져 기능 하나 추가할 때 마다 code 를 읽는 데 많은 시간이 소모되었다. 유지보수를 힘들게 하는 문제의

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

[dev-log] 송금과정 개편 ( CSR 전환 )

기간 : 2021.09.06~2021.10.06기존 모인 서비스는 react 초창기 SSR 방식과 CSR 방식을 조합하여 만든 웹페이지 였음 해외송금 서비스 이기 때문에 핵심기능이 송금기능이었는데 사용자가 송금보낼 국가, 송금방법, 송금받는사람에 따라서 정보를 입력해서

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

Intl.NumberFormat 주의사항

해외송금 쪽 프론트를 담당하고 있는데 Intl.NumberFormat 로 인스턴스를 생성할 때 locale 을 지정하지 않으면 브라우저에서 설정한 위치 기준으로 locale 이 설정된다. 이러면 문제가 되는게 개발자의 국가와 사용자의 국가가 다를경우 메서드가 반환하는

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

debounce VS throttle

동일한 이벤트가 여러번 반복적으로 발생했을 때 가장 최근에 발생한 이벤트만 처리하는 방법 예를 들어 debounce 에 시간을 1초로 설정하고 이벤트를 0.5초간격으로 100번 발생시킬 경우 이벤트 사이 시간이 1초보다 작기 때문에 마지막 100번째 이벤트만 처리하게

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

web components

사용자가 정의할 수 있고, 재사용가능하고, 캡슐화 가능한 HTML 태그를 생성할 수 있는 웹 플랫폼 API module 화 하여 코드를 적게쓸수 있고 , 재사용이 가능하여 유지보수하기 좋다.웹 표준 기술이기 때문에 react,vue,angular 등 라이브러리에 상관

2022년 3월 18일
·
0개의 댓글

pnpm

npm 또는 yarn 의 불편함 및 속도를 개선한 package manager예를 들어 100개의 react project 가 100개 있는 경우 각 project 별로 npm install 을 통해 100개의 node_modules 폴더가 만들어져 용량을 많이 잡아

2022년 3월 16일
·
0개의 댓글

DNS ( Domain Name System )

DNS란 무엇입니까? – DNS 소개 - AWS (amazon.com)DNS 종류 | Cloudflare | Cloudflare정의 : 도메인 이름 체계필요한 이유IP 주소를 사람이 읽기 편한 특정 문자와 연결시켜주기 위해서 필요ex > AWS Route 53cf >

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

[moin-review] 2021-11-23

서버에서 받은 정규식 client 연결 정규식 검사 debounce 처리debounce위의 함수를 onChange event 가 발생할 때마다 호출해서 input 의 상태를 react 에서 control 하고 정규식을 검사하는 함수를 debounce 하려 했다. 함수

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

[moin-review] 2021-11-19

progress-bar 버그 수정딱히 없음 신규 송금 과정에서는 현재 송금 진행상황을 progress bar 로 표시하는 UI 가 추가될 예정이었다. 문제는 나라마다, 초기 선택한 송금 방법마다 전체 송금단계가 달라지는 것이었다. 예를 들면 일본 같은 경우에는 송금

2021년 11월 22일
·
0개의 댓글

[moin-review] 2021-11-18

송금 진행 progress-bar 적용 header 수정사항 반영 header test code 추가 미국 수취인 form 주소 input 수정 address 따로 설정?animation특정 element 의 style 을 점진적으로 변화시키는 것특정 시간동안 css

2021년 11월 19일
·
0개의 댓글

[moin-review] 2021-11-16

일본 사진송금 단계 추가로 인한 url 추가 일본 사진송금 단계 추가로 인한 react router 구조 변경 Header ProgressBar 에서 사용할 최대 송금단계, 현재 송금단계 정수 관리하는 redux store 추가공통부모를 가지고 있지 않은 컴포넌트 끼

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

[moin-review] 2021-11-15

디자인 수정으로 인한 구조 변경 구상 및 회의Goodbye, Clean Code — Overreacted중복없고 잘 추상화된 code 는 만들 당시에는 괜찮을 수 있지만 비즈니스 환경이 변하면서 기능이 다양하게 추가되면 기존에 가정했던 상황, 전제조건이 깨지기 때문에

2021년 11월 16일
·
0개의 댓글

[moin-review] 2021-11-12

일본 은행리스트 api 연결 중국 은행리스트 api 연결 중국 은행 지점 리스트 api 연결 중국 은행 지방 리스트 api 연결 중국 은해 도시 리스트 api 연결 일본송금시 송금방법이 payeasy 일 때 form 화면 일본 송금시 통장사진 upload 화면 중국

2021년 11월 15일
·
0개의 댓글

[moin-review] 2021-11-10

국가 공통으로 사용하는 input 생성특정 국가만 사용하는 input 생성UI component 를 사용해도 화면과 match 되는 컴포넌트로 분리하면 가독성을 높일 수 있다.디자인만 보고 공통사항을 먼저 뽑아내서 작업전에 반영할 수 있도록 해야겠다..

2021년 11월 15일
·
0개의 댓글

[moin-review] 2021-11-09

공통 input 에서 css 버그 발견하여 수정함prop drilling 경감 시키기 위해 refactoring 함svg 같은 경우 아얘 크기가 지정되어 있기 때문에 span, 이나 div 등의 크기 설정으로 조절하기 힘들다.input 같은 UI 의 경우 크기를 100

2021년 11월 15일
·
0개의 댓글

[moin-review] 2021-11-08

국가별, 송금방법별 form 분기처리공통 이름 input 생성redux 를 사용하지 않고 관심사 분리를 하다보면 단점이 prop drilling 이 생겨버린다.Prop Drilling (kentcdodds.com)Application State Management wi

2021년 11월 15일
·
0개의 댓글