자기전에 작성하는 TIL 😢
👉 오늘 한 일
- 회사 업무
- leetcode 풀기
👉 공부한 내용
- cafe24 API를 사용해서 휴대폰 인증 기능을 구현하는데 실제 휴대폰 번호를 입력하고 잘 오는 것을 확인했다. 그리고 휴대폰 번호를 입력할 때
replace를 활용하여 '-'(하이폰)을 붙여주었다. - 아이폰에서 인증 코드를 받으면 자동으로 입력하는 기능이 편해서 자주 사용했다. 이번에 앱에도 그 기능을 넣으려고 알아보니
textContentType="oneTimeCode"를 설정하면 된다고 했는데 작동하지 않았다... 영어로 검색해도 다textContentType="oneTimeCode"를 넣으면 된다는 글 뿐이어서 다른 조건이 있나.. 한글로 검색을 해보았다. [ IOS ] 핸드폰 문자 인증번호 자동완성 시키기 ( Autofill ) + 자동완성 가능한 문자형태 글에서 해답을 찾을 수 있었고 양식을 변경하니 잘 됐다...! - 화면에 진입했을 때
autoFocus를 줘서 바로 키보드가 올라올 수 있게 하려고 했는데 안드로이드에서는 저 속성이 안 먹었다. 그래서 강제로focus를 줬는데도 잘 안돼서useEffect를 사용했다. 잘 올라와서 해결한 주 알았는데console.log()를 지우니 다시 작동이 안 됐다. 그래서 검색하다보니setTimeout을 주니까 해결이 됐다. Keyboard doesn't show up when autoFocus on component mount #89 글을 참고했었던 건데 react ref with focus() doesn't work without setTimeout (my example)
가 좀 오래된 글이지만 setTimeout 말고 해결할 수 있다는 거 같아서 좀 더 살펴봐야겠다. - leetcode 678. Valid Parenthesis String를 풀다가 잘 안 풀려서 125. Valid Palindrome를 풀고 블로그에 포스팅을 했다.
☕️ 잡담
운동하고 씻고 조금 쉬다가 프론트엔드 단톡 방에서 사람들이 이야기하는 거 조금 늦다보니 너무 늦어졌다 ㅠㅠ 그리고 알골 풀다보니 자야할 시간인데... 내일 얼른 서류들 써야겠다!
📑 참고사이트
요리 좋아하는 코린이