profile
코린이
post-thumbnail

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

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

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

[TIL] TypeScript 의 물음표 Optional Chaining

TypeScript를 활용하면서 코드에 점점 ?를 많이 쓰게 되고, 또 많아지면서 물음표가 정확히 어떤 작동을 하는지 알아보게 되었다. field, value에 값을 채운 배열을 리턴해주는 간단한 함수이다. (?) optional chaining을 알아보기전 속성

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

[TIL] React.Suspense / React.lazy 를 활용하여 Skeleton UI 알아보기

새로운 프로젝트를 시작하면서 skeleton UI를 접목시켜보고 싶다는 생각이 들었다.물론 skeletonUI 관련 api도 나와있고 손쉽게 할 수 있지만, 리액트 공식문서를 읽다보니 suspense / lazy라는 기능도 있겠다. 겸사겸사 해보려한다.skeleton

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

[TIL] 내가 많이 쓰는 GIT 명령어

하나의 프로젝트를 여러명이서 협업할 때 작업 관리툴을 사용하여 버전 관리, 코드 관리를 진행한다. 그중에 가장 많이 사용되고 범용적인것은 역시 GIT일것이다. 사용법은 너무나도 광범위하고 일일히 다룰 수 없기에 사용하면서 간편했었던 것들 위주로 정리를 해본다. rem

2021년 1월 18일
·
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] 상태관리, Local과 Store

누군가에게 이런 얘기를 들었던 적이 있다. React / Redux를 사용하면서 onChange같은건 하나 만들어놓고 가져와서 계속 사용할 수 있는거 아니야? 라고 생각했었다.React state는 컴포넌트 지역에서 저장되는 값으로 하위 컴포넌트에 props를 활용하여

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

[TIL] ReactJS 라우트와 리덕스

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

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

[TIL] 네아로 연동하기(개발 코드/ React)

구글링 실력의 탓일까? React와 연동하는 글이면서 뭔가 상세한글은 찾아보기 힘들었다.public/index.html 에 sdk script 삽입누군가에게 당연한 것들이 나에게는 시간을 들여서 고민을 하고 답을 찾아야만 할때가 있다.네이버 공식문서에는 html 과 J

2020년 11월 14일
·
2개의 댓글
post-thumbnail

[TIL] 네아로 연동하기 (네이버 개발자 센터)

네아로[줄임말]: 네이버 아이디로 로그인 네아로, 회원가입을 구현하면서 맛보았던 씁쓸한 경험들을 추후에 재경험 하는 것을 방지하기위해 담아내 보고자 한다. 참고 문헌: https://developers.naver.com/docs/login/overview/ 해당 포

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