Vue.js18 [개품 부트캠프 스터디] - 여덟 번째 미팅 2022.05.01.일 개품 부트캠프 스터디 여덟 번째 미팅에 참여했습니다. 네트워크 스터디에서는 네트워크 계층에서 IPv6 프로토콜, 이동 IP 프로토콜, 기타 네트워크 계층 프로토콜에 대해 알아봤습니다. Vue.js 스터디에서는 Vue Router 설정, lazy loading 관련 prefetch 기능, 컴포넌트 기본 문법, LifeCycle Hooks, mixins에서 Axios를 활용한 서버 데이터 바인딩 개념을 함께 리마인드 했습니다. Vue.js도 학습하다보니 매력적인 프레임워크인 것 같습니다. 오늘부터 매주 일요일 2000에 개발자의 품격 프로젝트 4기 정기적으로 미팅을 하게 되는데 너무 기대되고 재밌을 것 같습니다. 2022. 5. 1. [Vue.js 프로젝트 투입 일주일 전] 12장 - 프로젝트 배포하기 12.1 프로젝트 빌드(build) 하기 - npm run build 명령어 - 호스팅 서버에 dist 폴더의 파일을 업로드 해서 서비스 구동 - index.html이 Vue 프로젝트의 실행 파일이 됨 2022. 4. 30. [Vue.js 프로젝트 투입 일주일 전] 11장 - Vuex (v4.x) 11.1 Vuex란? - Vuex: Vue.js 애플리케이션을 위한 상태관리 패턴 + 라이브러리 - 모든 컴포넌트에 대한 중앙집중식 저장소 역할, 예측 가능한 방식으로 상태 변경 가능 11.2 Vuex 설치 - npm install vuex@next 명령어 11.3 시작하기 - store(저장소): 애플리케이션 상태를 저장하고 있는 컨테이너 - 반응형 - 저장소의 state에 정의된 값 변경 여부 바로 알 수 있음, 직접적으로 상태 값 변경은 불가 - commit를 통해서만 변경 가능 - 모든 상태에 대한 추적이 가능한 기록이 남을 수 있음 11.4 State - state: 프로젝트 전체에서 공통으로 사용할 변수 정의 - Vue 컴포넌트에서 computed 속성을 이용하여 변경사항 항상 추적 가능 11.. 2022. 4. 30. [Vue.js 프로젝트 투입 일주일 전] 10장 - Proxy 사용하기 10.1 프록시(proxy) 서버 - 프록시 서버: 클라이언트가 자신을 통해서 다른 네트워크 서비스에 간접적으로 접속 가능하게 해주는 응용 프로그램 - 클라이언트와 서버 사이에서 HTTP 요청과 응답을 대신 처리해주는 역할을 하는 서버 10.2 CORS란 - CORS: 웹 애플리케이션에서 도메인, 포트, 프로토콜이 다른 곳으로 HTTP 요청을 보낼 수 없도록 브라우저가 요청을 막는 보안 정책 10.3 CORS 해결방법 - 서버에서 접근 허용 - 프록시 서버 이용 10.4 Proxy 설정하기 - Vue에서 proxy 설정하고 클라이언트에서 HTTP 요청 (포트: 8080)하면 Proxy 서버가 웹 서버로 HTTP 요청 (포트: 3000)을 대신 함으로써 CORS 문제 해결 - 운영 환경에서는 제대로 실행 .. 2022. 4. 30. 이전 1 2 3 4 5 다음 반응형