profile
배우고 싶은게 많은 FE 개발자👩🏻‍💻
post-thumbnail

Typescript의 주요 개념

자바스크립트에 타입을 부여한 언어자바스크립트와 달리 브라우저에서 실행하기 위해선 한번의 변환과정이 필요하다타입 픽스를 통한 에러의 사전 방지코드 가이드 및 자동 완성(생산성 향상) 타입이 미리 지정되어 있기 때문에 vsCode에서 해당 타입에 대한 api를 미리보기로

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

Debounce와 Throttle

🤔 이게 뭐야? 이벤트의 제어/제한을 위해 사용하는 기법 너무 많은 이벤트 발생으로 인한 과부하를 막기 위해 사용한다. 아래 예제를 보자 스크롤 이벤트에 콘솔을 찍어봤다. !codesandbox[naughty-rubin-jbnly?fontsize=14&hidena

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

vue로 ios 스타일 actionSheet 만들어보기

web-view에서 dropdown을 띄울 경우 os별 기본 브라우저의 dropdown이 나오는데 기획상 android와 ios 둘 다 같은 ui를 제공해야 했다. 결국은 커스텀 디자인으로 가게 되었지만 그전에 목표로 했던 ios의 기본 actionSheet 구현과정

2021년 2월 21일
·
0개의 댓글
post-thumbnail

xlsx를 이용한 엑셀 임포터 구현하기

엑셀 파일을 업로드하면 내부적으로 처리할 수 있도록 엑섹의 내용을 json형식으로 변환하는 컴포넌트를 구현해보려한다. XLSX?공식 문서여러 스프레트시트 포맷의 데이터 파싱 또는 작성을 쉽게 해주는 라이브러리이다. 크로스브라우징 대응도 잘되어있고 issue관리나 버전

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

v-model의 IME 입력방식 이슈와 custom input mask

input masking을 라이브러리를 사용않고 구현하다가 한글입력시 키보드 입력에 바로바로 v-model값이 업데이트가 안되는 문제를 발견했다.문제 발견 전: v-model과 keyup으로 구현된 마스킹H:MM:SS 형식의 마스킹을 원했기 때문에 keyup 이벤트가

2021년 2월 2일
·
2개의 댓글
post-thumbnail

네? vue요??

전에 한달짜리 단기 프로젝트에 투입됐을때 잠깐 쓰던 뷰로 새로운 프로젝트에 투입되었다. 어쩌다보니 혼자 어드민 개발을 하게 되어버려 하던것도 가물가물한 상태. 그런 상태로 시작해 벌써 한달이 지나 매순간 마주하는 문제들에 대해 써보고자 한다ㅎㅎ누군가에게는 너무 당연한

2021년 2월 2일
·
0개의 댓글