profile
코린이
post-thumbnail

i18n 뭘 써야 좋을까..

출판물 또는 하드웨어 소프트웨어 등의 제품을 언이 및 문화권 등이 다른 여러 환경에서도 사용 할 수 있도록 프로덕트를 설계하는 것을 의미한다.i nternationalizatio n 가장 첫 문자인 I와 마지막인 N 사이에 18개의 문자가 있다고 해서 i18n이라 한다

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

Asset Management (React)

리액트로 프로젝트를 하면서 이따금씩 이미지, 아이콘 관리는 어떤 방식을 차용하는것이 좋은지 고민을 하게 된다. 특히 새로운 프로젝트를 시작할때에는 더욱 그런 것 같아 여러 방식의 장단점을 조사해보기로 하였다. 프로젝트 내에서 asset을 관리하는 일반적인 방법 3가지를

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

[TIL] Reconciliation (재조정)

https://ko.reactjs.org/docs/reconciliation.htmlReact 만의 diff 알고리즘을 활용한 비교 후 rendering까지의 과정리액트를 활용하여 개발을 할 때 "리액트는 SPA이고 변경 되는 컴포넌트만 변경이 된다" 정도만

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

[TIL] StoryBook

state management 관리를 예로 Jest, Typescript, Mocha 등등 logic testing을 하기 위한 라이브러리들이 많은데, 정작 프론트엔드에서 View(UI)를 테스트? 하는 라이브러리에는 등한시하다.Component를 Isolated 된

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

[TIL] 멀티 업로드 및 File to dataUrl

input type=file 을 이미지 업로드과 Filelist의 0번째의 파일에 접근하여 dataUrl로 parsing 까지는 마쳐놓은 상태였지만 사용자 편의성을 위해 작성해놓은 로직에 멀티업로드를 추가하는 작업이 필요했다.이미지를 업로드 후 해당 이미지를 브라우저에

2021년 3월 15일
·
0개의 댓글
post-thumbnail

[TIL] WebShare API로 공유하기 with React.js

특정 포스트나 결과를 sns 또는 링크로 공유하는 방법에 대해 검색하던 중 WebShare API라는 것을 알게 되어 해당 내용을 정리하려한다. process flow A가 B에게 특정 post를 공유할때에 생각한 flow는 대략 이렇다. 공유방식은 링크를 전달하여

2020년 12월 4일
·
0개의 댓글
post-thumbnail

[TIL] 특정 DOM 의 크기 가져와 사용하기

어떠한 포스트를 열면 드롭다운 형식으로 내려오게 되는 UI를 개발하는 과정에서 퍼센테이지가 작동하지 않고(설계상의 문제일 수도 있다) 오로지 px로 값을 설정해야 애니메이션이 작동 될 때가 있다.특정 DOM의 정보를 가져오는 작업을 진행해야할 때 참고하려 작성해두는 포

2020년 11월 27일
·
0개의 댓글
post-thumbnail

[TIL] ReactJS 라우트와 리덕스

Route라우팅을 통하여 리액트 프로젝트에서의 페이지 전환을 주로 진행한다라우트 내에는 History, match , location등을 활용하여 라우트를 사용한다match 같은 경우는 랜더링이 된 컴포넌트 내에서의 정보를 보여준다.location.goBack, loc

2020년 11월 14일
·
0개의 댓글