goodcode

Nuxt.js를 사용하여 Vuex에서 API 데이터 사전 가져오기 클라이언트 측에서 시작하기 전에 몇 가지 데이터를 프리페치하여 Vuex를 업데이트하려고 합니다. store/index.js export const state = () => ({}); export const getters = {}; export const actions = { async nuxtServerInit ({ dispatch }) { await dispatch('nasa/getImages'); } }; store/moduleName.js import fetch from 'node-fetch'; export const state = () => ({ images: [] }); export const mutations = { storeI..

Vue JS - vue-class-component 바인딩 입력 현재 컴포넌트 셋업을 위해 다음 라이브러리를 사용하여 TS와 함께 Vue 2 프로젝트를 진행하고 있습니다.vue-class-component그리고.vue-property-decorator 폼 컴포넌트를 작성해야 하는데 폼 컴포넌트에 data() 옵션을 사용하면 컴파일 시 오류가 발생하기 때문에 데이터 바인딩에 어려움을 겪고 있습니다. data() 옵션을 사용하지 않고 입력 데이터를 바인드하는 방법이 있습니까? 표시되는 오류: ERROR in /path/to/components/folder/Form.vue Property 'id' does not exist in type 'Form'. 자세한 내용은 다음과 같습니다. @Component exp..

실행 가능한 . .을 빌드합니다. 그래서 아마 다들 알고 있을 거예요. glibc는/lib/libc.so.6버전 정보를 인쇄하고 종료하는 일반 실행 파일과 같이 셸에서 실행할 수 있습니다.이것은 .so에서 진입점을 정의함으로써 이루어집니다.경우에 따라서는, 이것을 다른 프로젝트에도 사용하는 것이 흥미로울 수도 있습니다.유감스럽게도 ld's -e 옵션으로 설정할 수 있는 로우 레벨 진입점은 약간 로우 레벨입니다.다이나믹 로더를 사용할 수 없기 때문에 적절한 라이브러리 함수를 호출할 수 없습니다.이 때문에 glibc는 이 엔트리 포인트에서 네이키드시스템콜을 통해 write() 시스템콜을 구현합니다 여기서 궁금한 것은 어떻게 하면 다른 .so의 함수에 접근할 수 있도록 그 엔트리 포인트에서 완전한 다이내믹 링..

포인터는 C에서 참조에 의한 호출 방식으로 간주됩니까? 제가 다니는 대학의 C프로그래밍 수업에서 교수와 그녀가 쓴 후속 저서는 C의 포인터를 언급할 때 call 또는 pass by reference라는 용어를 사용합니다. 교수님이 '참조별 호출 함수'로 간주하는 예를 다음에 제시하겠습니다. int sum(int *a, int *b); 교수님이 '값별 호출 함수'라고 생각하는 것의 예: int sum(int a, int b); C는 콜을 지원하지 않는 것으로 알고 있습니다.내가 알기로는 포인터는 가치로 통한다. 기본적으로 포인터가 C의 참조 패스 방식이라고 하는 것은 잘못된 것입니까?C에서는 참조로 통과할 수 없지만 포인터를 사용할 수 있다고 하는 것이 더 정확할까요? 업데이트 11/11/15 제 질문의 ..

네임스페이스가 다른 유사한 이름의 vue/vuex mapActions 메서드에 액세스하는 방법 이 정도면 충분합니다. created() { this['shared/getPosts'](); this['posts/getPosts'](); }, methods: { ...mapActions(['shared/getPosts', 'posts/getPosts']), }, 다만, 이하의 코드를 예상대로 동작시킬 수 있는 방법이 있는지 어떤지, 코멘트를 참조해 주세요. created() { this.getPosts(); // triggers last method }, methods: { ...mapActions('shared', ['getPosts']), // how to trigger this? ...mapAction..

Vue 하위 구성 요소 속성이 작동하지 않음 이 코드 [A]를 해제하려고 합니다(아래에 있는 바이올린 참조). {{ file.__progress }}% 기본적으로 동일한 코드이지만 하위 구성요소로 변환됩니다.다음은 부모입니다. 그리고 여기 아이가 있다: {{ file.__progress }}% 아이에 대해서 내가 세팅했다.file속성: props: { file: { type: File, required: true } }, 부모-자녀 코드에 문제가 있음에 틀림없다.file[B]의 하위(렌더 시)에 __img 속성이 없습니다. 다음을 참조하십시오. 단, [A]에 존재합니다. 뭐가 잘못됐나요?콘솔에 에러는 없다. 원본([A]) 코드는 여기서부터입니다.File Object는 xhr 인스턴스(예:?!)로 구성됩니..

Enum이 인터페이스를 구현하는 이유는 무엇입니까? 자바에서는 enums가 인터페이스를 구현할 수 있다는 것을 방금 알게 되었습니다.어떤 활용 사례가 좋을까요?다음은 예를 제시하겠습니다(유효한 Java 2nd Edition에 유사한/더 나은 예가 나와 있습니다). public interface Operator { int apply (int a, int b); } public enum SimpleOperators implements Operator { PLUS { int apply(int a, int b) { return a + b; } }, MINUS { int apply(int a, int b) { return a - b; } }; } public enum ComplexOperators implemen..

gitlab-ci에서의 VueJS 앱 e2e 테스트 Nightswatch.js를 사용한 엔드 투 엔드 테스트를 포함하여 vue-cli를 사용하여 VueJS 프로젝트를 생성했습니다. 다음 .gitlab-ci.yml 파일을 사용하고 있습니다. services: - selenium/standalone-chrome stages: - test - pages test: image: node:6.11 stage: test before_script: - node -v - npm -v script: - npm install - npm test pages: image: node:6.11 stage: pages before_script: - node -v - npm -v script: - npm install - npm r..

일정 동작을 에뮬레이트하기 위해 닫힘 태그를 조건부로 렌더링합니다. 종료 태그를 조건부로 렌더링할 수 있습니까?v-if그렇다면 올바른 방법은 무엇일까요?나의 첫 번째 직감은 이렇습니다. {{day.number}} 이 기능은 단독으로 작동하지만,raw - 이것이 예상되는 동작입니까? 그리고 이것이 불가능할 경우, 테이블 행을 조건부로 분할하는 가장 좋은 방법은 무엇입니까? 특정 케이스는 어레이 내의 - 일/일 및 추가 정보입니다.매일매일isSunday매주 일요일 이후에 새 행을 시작하고 싶다(일정표 동작 흉내내기)보통 스크립트에 모든 로직을 삽입하고 템플릿섹션에는 속성 및 콜 메서드만 사용하는 것이 좋습니다.따라서 이 경우,computed라고 하는 속성cptDays내가 루프를 통해days어레이 및 일반 요..

vee-validate와 함께 작동하도록 커스텀 입력 컴포넌트를 수정하는 방법 Vue 프로젝트에서 입력 컴포넌트를 생성하여 폼 내에서 이 컴포넌트를 사용하고 있습니다.vee-validate를 사용하여 입력을 검증하고 싶습니다. 먼저 일반 입력과 마찬가지로 컴포넌트를 검증하려고 했지만 오류 메시지를 표시하고 Vue Devtools를 확인하지 못한 후 입력 컴포넌트에 오류가 적용된다는 것을 알게 되었습니다.(단, 루트부터 입력 컴포넌트 자체까지 모든 컴포넌트가 액세스할 수 있는 "fields"와 "fields"라는 두 가지 계산 속성이 있습니다.) 그런 다음 vee-validate docs를 체크하고 Validation Provider와 Validation Observer를 사용하려고 했습니다.이 두 가지 ..