사진 찍는 개발자의 365일

v-if는 참 편리한 녀석이다. boolean 값에 따라 html 요소들이 동작하는 방향을 결정할 수 있다보니, 컴포넌트를 표시할 때에도 쓰이고, 각종 로직에 쓰인다. 나는 아직 경험이 많지 않다보니, v-if를 통해 보여지는 컴포넌트를 결정하는 로직을 많이 짰다. 하지만 오늘 드디어 일이 났다. 싱글 컴포넌트 라이브러리를 제작하게 되면서, v-if를 사용하는 부분에서 오류가 났다. 아래는 문제의 해당 코드이다. Process.vue 위와 같이, async & await를 통해 store에 있는 GETSTATUS를 실행시켜 axios로 데이터를 받아오고, 해당 status 값이 done 이면 상위 컴포넌트인 Process.vue로 이벤트를 보내 보여지는 화면이 바뀌도록 하고 싶었다. 하지만... 내 눈에..

입사 후 열심히 교육과정을 하다가 이번달 말 부터 바빠질 것 같아 바로 업무에 투입이 되었다. 내가 해야할 일은 책에 대한 정보(제목, 저자, 출판사 등)와 커버 이미지, 페이지 스캔 이미지를 넣으면 자동으로 epub 전자책 파일로 변환할 수 있는 사이트를 만드는 것이었다. 여차저차 이틀만에 만들기는 했지만 참... 뭔가 깔끔하지 않은건 알겠는데 잘 돌아가서 신기한 느낌이다. 아무튼 각설하고, 오늘 겪은 것 중, setInterval에 대해 이야기를 해보자 setInterval은 일정 시간을 간격으로 지정한 함수나 코드를 반복해주는 기능이다. 기본적인 형태는 이러하다 setInterval(() => { ... }, 1000); //여기서 1000은 1000ms로, 1초를 의미한다. //1.5초를 하고 싶..