전체 글309 12. Vue 체크박스 구현 2024-05-21vue에서 체크박스 구현 중에 전체 선택 및 해제 기능을 어떻게 깔끔하게 만들까 고민하다가 만든 기능을 메모함.1. b-form-checkboxVue.js와 Bootstrap을 함께 사용하여 웹 애플리케이션을 개발할 때 사용되는 컴포넌트이다.사용자에게 체크박스 입력 요소를 제공하고, Vue.js의 데이터와 양방향 데이터 바인딩을 통해 선택 사항을 관리할 수 있게 하며, 이 컴포넌트는 Bootstrap 프레임워크의 스타일을 사용하여 시각적으로 강력하고 사용하기 쉽다. I accept the terms and use State: {{ status }} https://bootstrap-vue.org/docs/components/form-checkbox 2.. 2024. 5. 21. 11. 자바 HttpServeletRequest 2024.03.19 로그인 화면 개발을 진행 중이다. 기존 자바를 기준으로 프론트 쪽만 리뉴얼하는 작업이다. 자바에서 HttpServeletRequest 를 통해 세션 관리를 하고 있어 그거에 맞춰 개발 진행 중에 있다. 1. 정의 HttpServletRequest는 서블릿 컨테이너가 HTTP 요청을 처리하기 위해 서블릿에게 제공하는 객체이다. 클라이언트에서 서버로 요청을 보낼 때마다 서블릿 컨테이너는 HttpServletRequest 객체를 생성하여 해당 요청에 대한 모든 정보를 담아 서블릿에 전달하며, 이 객체를 통해 HTTP 요청에 대한 다양한 정보를 읽고, 수정하고, 응답을 생성할 수 있다. 2. HttpServletRequest 객체의 주요 기능과 속성 요청 메소드(Method): HTTP 요청.. 2024. 3. 19. 10. Vuex Store 2024.03.18 로그인부터 개발 진행 중에 있는데 쿠키 및 세션 관리를 위해 Vuex Store를 통해 개발을 진행하며, 간단한 예제소스와 설명을 남긴다. 1. 의의 Vue.js 애플리케이션에서 상태 관리를 위해 주로 사용되는 Vuex라이브러리를 통해 상태 관리를 할 수 있다. Vuex는 Vue.js 애플리케이션의 모든 컴포넌트에 대한 중앙 집중식 저장소 역할을 하며, 이를 통해 상태를 예측 가능한 방식으로 관리한다. 2. Vuex의 핵심 개념 State (상태): 애플리케이션의 중앙 저장소로, 컴포넌트 간에 공유되는 데이터. Getters (게터): State에 접근하는 계산된 속성입니다. State의 일부 데이터를 가져오거나 가공하여 반환할 수 있다. Mutations (뮤테이션): State를 .. 2024. 3. 18. 09. Vue.js의 라이프사이클 2024. 03.17 회사에서 JSP -> Vue.js로 갈아탈 준비 중에 있다. 코어 CRUD 개발을 진행 중인데, Vue.js 를 거의 1년 만에 다시 하니 기억이 가물가물하다. Vue에서 가장 중요한건 라이프 사이클이라 생각하며, 다시 암기하기 위해 기록해 놓는다. Vue.js의 라이프사이클은 Vue 인스턴스가 생성되고 소멸될 때 발생하는 일련의 이벤트들을 의미. Vue 인스턴스의 라이프사이클은 크게 생성 단계, 갱신 단계, 소멸 단계로 나뉜다. 각 단계에서는 특정한 라이프사이클 훅(method)들이 호출. 생성 단계(Lifecycle Hooks during Creation): - beforeCreate: Vue 인스턴스가 초기화되고 데이터가 준비되기 전에 호출된다. - created: Vue 인스.. 2024. 3. 17. 이전 1 ··· 35 36 37 38 39 40 41 ··· 78 다음 728x90 반응형
