전체 글 (26) 썸네일형 리스트형 EC2서버에 프로젝트 배포 - properties, shell 파일 정리 스프링부트 프로젝트를 EC2에 배포하는 과정에서 설정 파일들을 정리해보려고 한다. ▶ application-oauth.properties 로컬에 있는 application-oauth.properties 파일 내용을 그대로 복사해서 서버의 application-oauth.properties파일에 붙여넣기한다. 서버의 application-oauth.properties파일 로컬의 application-oauth.properties 파일은 .gitignore로 git에서 제외 대상이라 깃허브에는 올라가있지 않는다. 그래서 EC2에서 git clone으로 프로젝트를 클론받았을 땐, 이 파일이 없기 때문에 이런식으로 서버에 추가를 해줘야한다. ▶ application-real.properties (로컬) * Sp.. [AWS] AWS EC2 초기 설정 - 타임존 및 호스트명 변경 타임존 변경 EC2 서버의 기본 타임존은 UTC이다. 세계 표준 시간으로 한국의 시간과는 9시간 차이가 발생한다. 따라서 서버의 타임존을 한국 시간(KST)으로 변경한다. 변경 방법 sudo rm /etc/localtime sudo ln -s /usr/share/zoneinfo/Asia/Seoul /etc/localtime 확인 date date 명령어를 통해서 타임존이 KST로 변경된 것을 확인할 수 있다. Hostname 변경 여러 서버를 관리 중일 경우, IP만으로는 어떤 서비스의 서버인지 확인이 어렵다. 따라서 각 서버가 어느 서비스인지 표현하기 위해 Hostname을 변경한다. 변경 방법 sudo hostnamectl set-hostname 변경할 호스트네임 터미널을 나갔다가 다시 EC2에 접속.. [에러해결] Uncaught TypeError: $.ajax is not a function jQuery를 이용하여 웹페이지를 만들던 중, 알림창(alert)을 띄우지 못하는 문제가 생겨서 개발자 도구에서 확인해보았다. Uncaught TypeError: $.ajax is not a function 에러가 발생한것을 확인하였다. 에러 발생 원인은, 부트스트랩 cdn을 가져올때 jquery 부분에서 slim 버전으로 가져왔기 때문에 발생한 에러였다. [원인] jQuery 라이브러리 cdn을 선언해주었는데 여기서 .slim이 잘못된 부분이다. jquery slim버전을 사용할 경우 ajax를 지원하지 않기 때문이다. 그래서 .slim을 빼주어야 하고, 또 한가지 제거해야 하는게 바로 integrity속성이다. 여기서 사용한 integrity 속성은 해당 slim버전을 위한 값이기 때문에 slim버전.. [HTML/CSS] 검색창 만들기 검색창(SearchBox) 만들기 위와 같은 검색창을 만드는 html, css를 알아보겠다. 검색창을 만들기 위해서는 , , 태그가 필요하다. 추가로 돋보기 아이콘을 넣기 위해 Font Awesome이라는 사이트를 이용할것이다. 태그 먼저 form태그를 만들어준다. form태그는 폼에서 받아온 내용을 action 속성에 적힌 서버의 주소에 전달해주는 기능을 한다. 태그 검색어를 입력받을 상자를 만들어주기 위해 input태그를 이용한다. 텍스트를 입력받을것이므로 type은 text로 한다. 태그 검색창의 클릭 버튼을 구현하기 위해 태그를 사용했다. 클릭시에 입력된 내용이 제출되어야 하므로 type은 submit으로 한다. 지금은 버튼이 비어있는것을 볼 수 있다. 버튼에 돋보기 아이콘을 넣어 주기 위해서 F.. [Git] STS와 깃허브 연동 및 프로젝트 올리기 STS와 GitHub 연동하기 STS와 GitHub 연동을 하기 전에 깃허브에 저장소(Repository)를 먼저 생성해야 한다. 먼저 깃허브에서 GitHub-Test 라는 이름의 리포지토리를 생성해두었다. Code 버튼을 눌러서 리포지토리의 주소를 복사한다. STS를 실행하고, 오른쪽 상단에 있는 아이콘 (Open Perspective)을 클릭한다. 아이콘을 클릭하면 아래처럼 화면이 나온다. Git을 선택하고 Open을 클릭한다. sts 하단에 Git Repositories 창이 나온다. 이 창에서 우클릭 한 뒤 Clone a Git Repository를 클릭한다. 그러면 아래와 같은 창이 뜬다. URI 부분에 아까 복사한 리포지토리 주소가 알아서 넣어진것을 확인할 수 있다. 이 상태에서 Next를 클.. [html] button 태그에 링크 걸기 태그에 링크 거는 방법 button 태그 안에 onclick="location.href='#'" 을 넣어주면 된다. ex) 회원가입 [Git] sts에서 깃허브 연동해서 프로젝트 import하기 깃허브에서 프로젝트 import하기 먼저 깃허브에 접속하고 imort할 리포지토리에 가서, 리포지토리의 주소를 복사한다. 1. STS에서 file > import 클릭 2. git입력 후 Projects from Git (with smart import) 선택하고 Next클릭 3. Clone URI 선택하고 Next클릭 4. 아까 깃허브에서 복사한걸 URI탭에 붙여넣기. 그러면 나머지는 알아서 채워진다. Next클릭 5. 브랜치 확인 후 Next 클릭 6. 로컬 저장 주소 확인하고 Next클릭 7. 최종적으로 Finish 누르면 sts에 프로젝트가 import 된다. 프로젝트 생성이 완료되었지만 프로젝트에 에러가 발생할 수 있다. 그럴경우 프로젝트 우클릭 > Configure > Add Gradle Na.. [HTML5] src, href 속성 정리 src 속성 태그에 이미지 경로를 지정할 때 사용한다. href 속성 태그로 외부 CSS 파일을 불러올 때 사용한다. 태그에 홈페이지 등의 주소를 넣을때 사용한다. 네이버로 이동 이전 1 2 3 4 다음
