Neovim

현재 백앤드 개발 5년차 초보 개발자입니다. 지나가는 길에 질문을 보게되어 도움이 되고자 답변 남깁니다.강의 초반부에 프론트엔드 개발자는 여러 파트와 커뮤니케이션을 잘 해야한다는 말씀을 기효님께서 하셨는데 거기에 답이 있습니다.기효님께서 설명하신 개발진행순서를 잘 보시면 백앤드가 개발이되면 프론트엔드를 진행하는게 보통 순서입니다. (모두 그렇게 개발한다는 뜻이 아닙니다. )&nbsp;그렇게되면 백앤드 개발자가 작성한 코드들 예를들어 상품의 정보를 가지고 오거나 회원의 정보를 가지고 오거나 아이디를 입력했을 때 해당 아이디가 존재하는지 여부를 판단하기 위함이나 등등 서버와 통신해야하는 백엔드는 백엔드 개발자가 작성하게 됩니다. 그렇게 만들어진 백엔드코드를 swagger나 postman에 API문서화 툴을 이용하거나 자체적으로 이용하는 문서화를 이용해 문서화를 완성하고 해당 문서를가지고 프론트엔드 개발자는 현재 화면에서 자신이 원하는 데이터를 api를 이용해서 요청하고 받아올 수 있게 됩니다.더해서 프론트엔드가 백엔드를 왜 해야되냐 반대로 백엔드가 프론트엔드를 왜 해야되냐 라는 말들이 많은데 그렇게 살라고들하시고 나의 파트가 아니더라도 꼭 공부하셨으면 좋겠습니다. 소통이 안되면 개발을 아무리 잘해도 기업은 쓸 엄두도 안냅니다 요즘은

개발을 할 때 vue-til-server 에 있는 api 코드들은 백엔드 개발자가 프론트 개발자에게 작업해서 주게되나요?

TodoList.vue에서<pre class="hljs"><code>methods: {
 ...mapMutations({
 removeTodo: 'removeOneItem',
 toggleComplete: 'toggleOneItem'
 }),
 },</code></pre>위처럼 잘 되어있다고 가정하고위에 저희가 span 태그에 폰트어썸으로 휴지통 모양과 함께 삭제버튼 만들었는데 <code>v-on:click"removeTodo({todoItem, index})</code>처럼 아규먼트를 콧수염괄호로 감싸셨는지 확인해보시겠어요 ?

삭제버튼 클릭시 정상적으로 삭제되지만 트렌지션 효과로 보이는 값은 맨 마지막값으로 보입니다.

비슷한 상황에서 해결해서 글 올립니다. 혹시나 저같은 경험이 있으신 분들 해결하셨으면 합니다.환경vue : 3.2.13vuex: 4.1.0&nbsp;src > store > store.js<pre><code>import {createStore} from 'vuex'

export default createStore({
 state: {
 headerText: 'TODO it!'
 },
 mutations: {},
 actions: {},
 getters: {}
});
</code></pre>src > main.js<pre><code>import { createApp } from 'vue'
import App from './App.vue'
import store from './store/store.js'

createApp(App).use(store).mount('#app')</code></pre>위와 같이 설정하니 정상작동하는걸 확인했습니다. vue 문서와 구글링 참고하였습니다.

Neovim

Posts