![]()
Vue는 무엇인가?MVVM 패턴의 뷰모델(ViewModel) 레이어에 해당하는 화면(View)단 라이브러리이다. View브라우저에서 사용자에게 비쳐지는 화면이다. 입력박스, 버튼 등이 view에 해당하고,html은 dom을 이용해서 javascript로 조작을 할 수 있게끔 구성이 되어 있다. Vue 특정 사용자가 키보드를 입력하거나 마우스를 클릭하면 이벤트가 발생하게 된다.그 이벤트를 중간에 view에서 dom listeners로 청취하게 된다.그런 이벤트를잡아서 javascript에 있는 데이터를 갖고와 주거나 혹은 이 javascript에 지정했던 특정 로직에서 실행하게 된다. 그래서 javascript 데이터가 변했을 때는 data Bindings를 하게되는데 만약, 문자열이 바뀌거나 숫자가 ..
![]()
Chrome, Visual Studio Code, Node.js, Vue.js devtools(chrome 확장 프로그램) 설치하기. Visual Studio 플러그인 설치총 4개를 설치해야한다.vetur 설치Materal Icon Theme 설치Night Owl 설치Live Server 설치 Vetur 설치 Materal Icon Theme 설치 Night Owl 설치 Live Server 설치 그 외로 추가하면 좋은 것들 Visual Studio 플러그인 적용하기File > Preferences > Theme > File Icon Theme 클릭을 하면 위와 같이 보이는데 Material Icon Theme로 설정해주기 Theme > Color Theme 클..
![]()
aws se2 서버 배포 해보기! 일단 Oracle Linux가 없다면 먼저 다운 받자! Oracle Linux 버전 다운 받기 https://www.oracle.com/database/technologies/xe-prior-release-downloads.html세 번째 걸로 다운 받으면 된다. AWSAWS ROOT 사용자로 가입 https://aws.amazon.com/ko/?nc2=h_lg 클라우드 서비스 | 클라우드 컴퓨팅 솔루션| Amazon Web Services aws.amazon.com카드 번호 기입 해야 하는데1년만 무료니까(?) 1년 되기 전에 해지해야 한다.미래의 나야.. 까먹지 말고 하기를.. 검색창에 EC2를 검색해서 대시보드 를 클릭해준다. 그리고 오른..
![]()
📽️ 프로젝트 소개 저번 미니 프로젝트를 할 때에는 mvc를 이용해서 백에서만 구현되게 만들었었다. 그때는 배운 게 한정적이라 주제를 정하는 것도 범위가 좁아서 생각보다 쉽게 골라서 할 수 있었다. (지난 미니 프로젝트는 3일 정도였고, 커피 구매하기 프로젝트를 만들었었다.) 하지만 이번 프로젝트에서는 프론트에서도 보여지고 백에 대해서도 더 배웠기 때문에 주제 범위가 넓어져서 정하는 데에 꽤 오랜 시간이 걸렸다. 회의 끝에 여러 후보들이 나왔다. - 항공사 - 병원 정보 오픈 api - 사내 메신저 - 데이트 매칭 시스템 - 술 맛집 정보 사이트 - 온라인 약국 - 영화 후기 공공 데이터를 다루는 수업을 받았기 때문에 이를 활용해서 프로젝트를 만들고 싶었다. 팀원들 모두 영화에 관심이 있고 api를 불러..
![]()
Spring자바 기반 웹 프로그래밍에서 많이 활용되는 프레임워크이다.(프로그램의 기본 뼈대와 api를 구축해놓은 미들웨어) Spring Bootspring을 경량으로 최적화한 프레임워크이다.boot로 오면서 xml을 꽁꽁 숨기고 servlet 파일도 꽁꽁 숨겨놨다. ❓왜❓최대한 개발자들이 불편하지 않게, 편안하게 사용할 수 있게 위와 같은 것들을 properties 파일에 넣어놨다. Spring Tool Suite스프링 툴 스위트란 이클립스 기반 스프링 애플리케이션을 개발하기 위한 개발 환경을 의미한다.있으면 편하게 쓸 수 있다. STS4 설치하는 방법help > Eclipse Marketplace ... 선택 sts4 검색 후 Spring Tools 4 다운로드 프로..
