회사 프로젝트에 Vue.js 도입하기

자사 관리자 페이지의 프론트 기술은 jQuery를 사용하고 있다. 관리자 페이지 특성상 프론트 코드를 작업할 일이 많이 있었고, 조심스럽게 Vue.js를 도입해보자는 의견을 제안했다. 동료 개발자들 모두 프론트엔드 프레임워크에 관심이 있었지만 생소한 편이여서 그나마? 시간 여유가 있는 내가 기술 검토를 진행해보았다. 어느 누군가는 해야만 하는 일이었고, 직접 조사하고 테스트해보았던 내용들을 간략하게 정리해봤다.. 나중에 개인 프로젝트 할 때도 도움될만한 지식들이다.. 나중에 써먹어봐야지 ㅎㅎ Vue.js 도입 장점 공통 화면 component화 가능함으로써, 재사용할 수 있도록 구조화 시킬 수 있다. (ex : 파일 업로드 화면, 리스트 화면 등) jQuery 객체 리터럴 전역변수의 무분별하게 사용되는 ..
프론트엔드/Vue.js 2021. 2. 24. 17:16

Vue.js 적용을 위한 핵심 개념 정리

Webpack(웹팩) 애플리케이션 동작과 관련된 html, css, javascript, 이미지 같은 파일들을 하나의 자바스크립트 파일 안에 다 넣어버린다. 웹팩을 통해 하나의 자바스크립트 파일에 다 관리되면서, 기존의 HTTP 통신을 통해 resource를 가져오는 행위가 사라지기 때문에 네트워크 부하를 줄일 수 있다. Babel(바벨) ES6(ES2015) 이상 버전이나 Typescript로 코딩을 한 경우 범용적인 ES5버전으로 자동 전환(트랜스파일)해주는 기술이다. 좀 더 쉽게 설명하자면, ES6와 같은 최신 코드를 모든 브라우저에서 문제 없이 작동될 수 있도록 ES5 형태로 converting 해준다. Babel을 통해 브라우저 호환성 문제를 없앨 수 있다는 뜻이다. Webpack은 resour..
프론트엔드/Vue.js 2021. 2. 15. 15:51

쿠키, 세션이란?

네이버 부스트코스 수강하면서 쿠키, 세션에 대해 정리한 글이다. 쿠키와 세션을 쓰는 이유? HTTP프로토콜은 상태 유지가 안되는 프로토콜이다. 이전에 무엇을 했고, 지금 무엇을 했는지에 대한 정보를 갖고 있지 않다. 요청과 응답의 상태 유지를 위해 쿠키와 세션이 등장했다. 쿠키(Cookie)와 세션(Session) - 쿠키 -> 사용자 컴퓨터에 저장 -> 저장된 정보를 다른 사람 또는 시스템이 볼 수 있는 단점 -> 유효시간이 지나면 사라짐 - 세션 -> 서버에 저장 -> 서버가 종료되거나 유효시간이 지나면 사라진다. 그림으로 보는 쿠키 동작 이해 그림으로 보는 세션 동작 이해 쿠키 - 클라이언트 단에 저장되는 작은 정보의 단위이다. - 클라이언트에서 생성하고 저장될 수 있고, 서버 단에서 전송한 쿠키가..
백엔드/Spring 2021. 1. 24. 21:27