전체 글16 AWS #1 - AWS를 시작해보자 ! AWS 서버 환경을 만들어보자 - AWS EC2 외부에서 본인이 만든 서비스에 접근하려면 24시간 작동하는 서버가 필수적이다. 24시간 작동하는 서버에는 3가지 선택지가 있다. 집에 PC를 24시간 구동시킨다. 호스팅 서비스(Cafe 24, 코리아호스팅 등)을 이용한다. 클라우드 서비스(AWS, AZURE, GCP 등)을 이용한다. 일반적으로 비용은 호스팅 서비스나 집 PC를 이용하는 것이 저렴하다. 만약 특정 시간에만 트래픽이 몰린다면 유동적으로 사양을 늘릴 수 있는 클라우드가 유리하다. 클라우드 서비스는 쉽게 말하면 인터넷을 통해 서버, 스토리지, 데이터베이스, 네트워크, 소프트웨어, 모니터링 등의 컴퓨팅 서비스를 제공하는 것이다. 단순히 물리 장비를 대여하는 것으로 생각하는데 그렇지 않다. 예를 들.. 2021. 12. 31. Spring Boot #3 - 스프링 MVC와 Thymeleaf Thymeleaf를 사용하는 프로젝트 생성 스프링 부트는 설정을 통해서 JSP 등을 사용할 수도 있지만 기본적으로 JSP 대신에 Thymeleaf나 FreeMarker, Mustache 등을 이용해서 화면을 처리한다. 여러 기술 중에서 Thymeleaf를 이용하는 이유는 다음과 같다. JSP와 유사하게 ${}을 별도의 처리 없이 이용할 수 있다. Model에 담긴 객체를 화면에서 JavaScript로 처리하기 편리하다. 연산이나 포맷과 관련된 기능을 추가적인 개발 없이 지원한다. 개발 도구를 이용할 때 .html 파일로 생성하는데 문제가 없고 별도의 확장자를 이용하지 않는다. 의존성을 위와 같이 추가해서 프로젝트를 생성한다. 생성 된 프로젝트 내에 controller 패키지를 생성하고 위와 같이 Samp.. 2021. 12. 28. Vue #9 - 할 일 관리 앱 만들기 뷰 CLI를 이용한 프로젝트 생성 터미널에 vue create vue-todo 를 입력하여 프로젝트를 생성한다. 세팅 설정은 Vue2로 선택한다. 프로젝트 초기 설정 어썸 아이콘 CSS 설정 애플리케이션의 예쁜 UI를 위해 버튼은 일반 문자열 대신 어썸 아이콘을 활용한다. 구글의 머티리얼 아이콘보다 더 많은 종류를 제공하며 대중적으로 사용되는 아이콘 CSS다. 폰트와 파비콘 설정 애플리케이션의 예쁜 UI를 위해 버튼은 일반 문자열 대신 어썸 아이콘을 활용한다. 구글의 머티리얼 아이콘보다 더 많은 종류를 제공하며 대중적으로 사용되는 아이콘 CSS다. 컴포넌트 생성하고 등록하기 대상 컴포넌트는 TodoHeader, TodoInput, TodoList, TodoFooter 총 4개다. 컴포넌트 생성 프로젝트 .. 2021. 12. 12. Vue #8 - 뷰 CLI 뷰 CLI 싱글 파일 컴포넌트 체계를 사용하기 위해서는 .vue 파일을 웹 브라우저가 인식할 수 있느 형태의 파일로 변환해 주는 웹팩이나 브라우저리파이와 같은 도구가 필요하다. 웹팩은 웹 앱의 자원들을 자바스크립트 모듈로 변환해 ㄹ하나로 묶어 웹 성능을 향상시켜 주는 자바스크립트 모듈 번들러다. 브라우저리파이도 웹팩과 유사한 성격의 모듈 번들러지만 웹팩과 다르게 웹 자원 압축이나 빌드 자동화 같은 기능이 없다. 그래서 뷰 개발자들이 편하게 프로젝트를 구성할 수 있도록 뷰 코어 팀에서 CLI도구를 제공한다. CLI는 커맨드 창에서 명령어로 특정 동작을 수행할 수 있는 도구다. 뷰 CLI 설치 명령 프롬트 창에 npm install vue-cli -global 입력 뷰 CLI로 프로젝트 생성하기 명령 프롬트.. 2021. 12. 12. 이전 1 2 3 4 다음
