Web / App / Data
Vue 프로젝트를 진행하면서 만든 Convention들을 정리해본다. Vue2와 관련된 설정이니 (나중에 이 글을 보게된) Vue3의 사용자들은 감안해주시길. Project Structure vue-cli를 쓰지 않을 이유가 없다. 심지어 create-react-app보다 더 완성도 있다고 생각한다. 물론, React 진영은 워낙 스택이 중구난방이라 모든 옵션을 다 넣어준다는 것도 이상하긴 하다만… 아무튼 이 상황에서 우리가 신경써야하는 structure는 다음과 같다. 손쉬운 이해를 위하여 User가 Post에 […]
의외로 출력 프로그램을 설치하면 출력할 수 있다. 다만, 화면캡쳐 프로그램 [REPLAY] 감지되어 화면을 보호 합니다. 해당 프로그램을 종료하시면 출력은 가능합니다. 라고 뜨면서 사용할 수 없는 경우를 겪어서 이를 공유한다. 선 요약: replayd 프로세스를 종료하면 된다. 1. htop vim 명령어를 이용하여 검색 후 끄면 된다. 개인적으로 항상 첫 번째 탭은 htop을 띄워주는 습관이 있어서 가장 간단하다고 […]
논문 인쇄 맡기고 인쇄된 논문 제출하려면 두 번정도 더 학교를 가야하긴 한다만, 연구실 마지막 출근했다. 엄청나게 홀가분할줄 알았는데, 그렇진 않아서 생각보다 의외라는 점. 내일 출근을 안해도 된다는 게 너무 좋다는 것. 그리고 내일부터 비공식 백수라는 점이 설레네. 대충 7월 계획을 써보자면, 최근 신경 못 썼던 1영업일 1PS 다시 시작 밀린 기술 서적 읽기 면접 준비하기 […]
최근에 리팩토링을 진행하면서 Vuex-ORM을 사용해봤다. 좋다. 추천해본다. 장점 별 수고없이(생각없이) Immutability를 높인다. Nested된 데이터를 다룰 때 매우 좋다. Query를 유연하게 짤 수 있다. 작성자 -> 게시글 -> 댓글 -> 대댓글을 JOIN으로 불러오면서 각 단계에서 orderBy를 다르게 먹일 수 있다. 어려움 없이 JSON object를 Vuex-ORM에 로딩할 수 있다. Vuex getter의 부족함을 많이 메꿔준다. getter를 getter에서 호출하지 […]
다음 코드를 보자. redux 예제로 많이들 사용하는 counter example이다. counterActions라는 action creator를 사용해서 action을 만든다. 이 counterActions 오브젝트는 각 키에 맞는 액션 생성함수를 갖는다. (따라서, action을 생성하기 위해 counterActions.increment()를 호출한다.) 이렇게 만들어진 액션을 바로 dispatch()에 넘기는 단순한 코드다. 이 단순하지만 반복되는 dispatch의 래핑 중복을 없애고 싶었다. 간단하게 구현해보자. 대략 이런 모양이 될 것이다. 그리고 다음과 […]