Mustache로 Updateform 구현하기
Mustache로 update form을 구현할 일이 구현하면서 정리해본다. update form의 특징이라면, 사용자가 수정하기 위해서는 수정이 필요한 데이터를 먼저 보여주어야 한다. 그러려면 Model 데이터를 불러와서 input 박스의 value로 자동으로 채워넣어줘야 한다. 이 과정에서 mustache 문법이 어떻게 사용되는지를 알아보자. H
Category: Dev
맥에서 Xcode 설치하지 않고, Command Line Tools 설치하기
맥으로 개발을 하다보면, Command Line Tools 때문에 X code를 업데이트 할 일이 종종 있다. 그런데 X code 자체가 무거운 프로그램이다 보니 업데이트 할 때에도 긴 시간이 걸리곤 하는데, xcode 없이 Command Line Tools만 따로 설치하는 방법이 있다. 1xcode-select --install 위의 명령어를 입력하
AWS 튜토리얼(2) - Ec2인스턴스에 프로젝트 배포하기
이전 글 - AWS 배포하기 - EC2 생성하기 앞에서 생성한 EC2 인스턴스를 ssh로 실행할 것이다. 키페어 권한변경 ec2인스턴스 ssh진입 JDK 설치하기 프로젝트 클론하기 메이븐 빌드하기 jar 파일 실행 키페어 권한변경터미널에서 ssh로 ec2를 접속할 때 보안그룹을 생성할 때 다운받은 키페어를 사용해서 들어가야 한다. 그런데 바
AWS 튜토리얼(1) - Ec2 생성하기
EC2 인스턴스 생성 AMI(amazon Machine Image) 선택 인스턴스 유형 선택 인스턴스 세부 정보 구성 스토리지 추가 태그 추가 보안 그룹 구성 인스턴스 시작 검토 인스턴스 생성완료 지난주쯤에 스프링부트로 개발한 그레이들 프로젝트를 AWS(EC2 인스턴스)에 배포해보면서 AWS 배포를 정리하는 포스트를 정리하고 싶었다. 그래서 이번
터미널 녹화기 Asciinema
터미널 화면을 녹화하는 Asciinema 패키지를 알게되서 정리하게 되었다. Asciinema를 사용해서 녹화한 화면은 아래와 같다. 설치 회원 가입 녹화 설치Ubuntu 123sudo apt-add-repository ppa:zanchey/asciinemasudo apt-get updatesudo apt-get install asc
Hexo 블로그에 카카오페이 후원버튼 삽입하기
얼마 전에 도움이 되는 블로그 포스트를 읽고 포스트를 작성해주신 개발자분께 후원하고자 Buymeacoffee를 시도했는데, 결제에 실패해서 후원을 할 수 없었다. 무슨 이유였는지 모르겠지만, 현대카드를 통한 해외결제가 되지 않았다. 다른 후원방법이 없었기에 결국 그 분께 후원을 하지 못했다. 그래서 더 쉬운 후원이 없을까 고민하다가 내 블로그엔 페이팔
SpringBoot에서 H2 데이터베이스 사용하기
h2데이터 베이스란 컴퓨터에 내장된 램(RAM)메모리에 의존하는 데이터베이스 를 말한다. 램에 의존하기 때문에 테스트 또는 지금의 나처럼 실습을 위해서는 간편하고 빠르기 때문에 좋은 옵션이 될 수 있다. 다만, 램에 데이터를 저장하다보니 웹서버를 재부팅하면 기존의 데이터가 사라진다는 단점이 있다. 따라서 이 때엔 테스트에 필요한 데이터를 미리 sql로
GetMapping 어노테이션으로 다중맵핑하기
@GetMapping 어노테이션은 HTTP GET 요청을 처리하는 메서드를 맵핑(@RequestMapping) 하는 어노테이션이다. 메서드(url)에 따라 어떤 페이지를 보여줄지 결정하는 역할을 한다. 참고로 스프링부트에서는 어떤 HTTP 메서드를 사용할지에 따라 RequestMapping 어노테이션을 아래의 어노테이션으로 구분해서 제공한다. Reques
본문 읽는 시간 보여주기
Medium을 이용하다보면, 해당 아티클을 읽는데 몇 분이 소요되는지 알려주는 아이콘이 있는데, 이걸 내 블로그에도 적용시켜보고 싶었다. 그러다 우연히 Eric Han님의 블로그에서 방법을 찾게되어 허락을 구하고 공유하게 되었다. 순서는 아래와 같다. 플러그인 설치 _config.yml 설정 코드 작성 플러그인 설치1$ npm install hexo
시간에 따라 광고배너 다르게 노출하기
광고배너를 삽입(포스트: hexo블로그에 쿠팡광고 적용하기)해보면서 Hexo 프레임워크에 대해 훨씬 더 이해를 하게되었다. ejs 파일 형식에 대해 잘 모르지만, ejs 파일들을 보니 자바스크립트 코드로 구성되어 있었다. 짧게 구글링해보니 ejs는 Embedded JavaScript의 약자로 자바스크립트가 내장된 템플릿엔진이라는 설명을 보았다. 그래서