CaliforniaLuv
인증 코드 기능 구현하다 겪은 문제점
인증 코드 기능을 구현하며 깊은 고민을 하지 않은 채 무작정 그냥 돌아가기만 하면 되겠지? Aye 설마 문제 터지겠어~ 마인드로 작업하다 사내 시니어 개발자님께 결국 혼났다… 😥 반성의 의미로 포스팅을 남긴다. 기능을 구현하다 맞닥뜨린 문제 인증 코드 기능을 구현하였는데 큰 난관을 봉착하게 되었다. 브라우저...
Hello, I’m Lee Jin-Sung
As a front-end developer, I'm responsible for web development. These days, I think UX/UI is important in web site.
Latest Posts
Promise.all 사용 시 주의점
서버에서 받아온 다수의 image URL들을 파일 오브젝트 형태로 변환이 필요한 작업이 있었다. 파일 오브젝트 변환은 성공했지만 index 순서가 매우 중요한 image 배열들이 제 각각 랜덤으로 push 되는 문제가 있어 블로그 포스팅을 남긴다. 문제가 발생된 코드 await Promise.all( ...
tailwindCSS 도입 후 변화된 점
사내 프로젝트에서 그동안 css만 사용하다 새로 들어오신 시니어 개발자 사수님이 적극 권장하신 tailwindCSS를 도입하게 되었다. 이제 사용한 지 어느덧 2개월 정도 지났는데 어떠한 점이 프로젝트에 영향을 주었는 지 글을 남겨본다. tailwindCSS는 무엇인가? It is a CSS framework th...
메모리 캐시와 디스크 캐시
웹 브라우저(클라이언트) 캐시에서는 메모리 캐시와 디스크 캐시가 분리되어 있는데 각각 어떤 차이가 있는지 알아보자. 메모리 캐시와 디스크 캐시 차이는 무엇인가? 개발자 도구창의 네트워크 태그를 확인해보면 위 사진과 같은 메모리 캐시와 디스크 캐시가 나타나 있다. 여기서 유독 둘의 차이가 있다면 용량(Size) ...
map 메서드의 async/await 비동기처리 사용법
각 배열 요소의 값에 따른 Restful API 요청이 필요한 구간에서 단순하게 map 메서드를 사용하면 __Promise {}__ 의 값이 콘솔로그에 출력된다. pending은 대기 상태를 의미하며 아직 아무런 실행 조차 이루어지지 않은 채 응답 데이터를 받은 것을 뜻한다. 문제가 발생한 코드 con...