chanminpark / pcm.walkin Goto Github PK

이미지 하얗게 하고 흐리게하기.
원본 이미지를 하얗게 흐리게 해도 되는데 css로도 되는지 해보기.

백그라운드 이미지를 가로세로 비율 고정시키기.
브라우저 크기 조절에 따라 같이 조정되도록 합니다.

프로필 내용을 전부 채웁니다.

jumbotron 부분을 별도 파일로 분리하고, index.html파일에서 불러오는 방식으로 변경합니다.
여러 페이지에서 동일한 상단 부분을 사용하기 위함입니다.

스타일 없이 html 코드만으로 포트폴리오 인덱스 페이지를 구현합니다.

마크다운 형식으로 입력받은 텍스트를 html로 파싱하여 출력합니다.

aws ubuntu 에 elasticsearch를 설치합니다.

현재 브라우저에서 사이트에 접소가면 톰캣 기본이미지가 표시됩니다.
이를 원하는 다른 이미지로 변경합니다.

점보트론과 바로 아래 이미지 사이에 딱 붙어 잇는 것 보다 구분선이 있는게 좋아 보여서
회색 바를 하나 넣습니다.

http request로 파일을 전송받아서 서버 내의 특정 디렉토리에 저장합니다.

프로필 항목들에 스타일을 적용합니다.
색상을 입히고 굵게, 크기를 조금 키웁니다.

기존에 w3schools를 보면서 연습하던 index.html와 index_tutorial.html은 w3schools 폴더를 새로 만들어서 거기에 옮기고, index.html은 포트폴리오의 메인 화면으로 개발합니다.

엘라스틱서치의 Java API를 이용해서
기본적으로 CRUD하는 동작을 구현합니다.

기존의 BasicServlet에 구현합니다.

각 메인 이미지 위에 홈페이지, 웹앱 포폴에 대한 소개를 작성합니다.
그리고 각 페이지로 이동할 수 있는 링크버튼을 추가합니다.

footer에 적절한 내용을 넣어서 추가합니다.
이때, index.html파일에 직접 넣지 말고 별도 파일에 구현해서 index.html에서 가져오는 방식으로 구현하도록 합니다.
footer파일을 여러 페이지에서 동일하게 사용하게 하기 위해서 입니다.

index 파일에 부트스트랩 적용.
그리고 메뉴 툴바를 만들어서 Home, Profile 메뉴를 만듭니다.

링크를 외부에 공유할 때,
개인 로고로 대표 이미지가 나타나고, 간략한 웹 사이트 소개 글이 나타나도록
메타 태그를 추가합니다.

웹서버 디버깅을 위하여 원격디버깅을 할 수 있게 설정합니다.

pc에서 크게 볼 경우에 메인배경이미지 2개가 가로로 나란히 보이게 합니다.

id값이 document를 생성할 때 1,2,3,4 식으로 넣어줘야 하는데 이러지 않고 중복되지 않는 난수로 자동으로 생성되게 합니다.

contact리소스에서 Elasticsearch에 CRUD하도록 합니다.

index페이지에 상단부터 "프로필", "포트폴리오" 순서로 나타나게 수정합니다.

프로젝트와 깃을 연동시킵니다.

기본적으로 Post, Get, Put, Delete를 수행하는 BasicServlet을 만듭니다.
동작은 아래와 같습니다.

• post /basic

Basic Post 요청에 대한 응답입니다.

• get /basic

Basic Get 요청에 대한 응답입니다.

• put /basic

Basic Put 요청에 대한 응답입니다.

• delete /basic

Basic Delete 요청에 대한 응답입니다.

예를 들어서
/ROOT이하에 md2html 이라는 폴더가 있을 때,
{ip address}/md2html 로 접속하면
/ROOT/md2html/md2html.html 로 연결되도록 합니다.

포트폴리오 부분, 메인 이미지 위에 coming soon 글귀 삽입.
아직 준비되지 않았지만 그냥 비워두기에는 어떤 상태인지 알수 없기 때문에 coming soon 글귀를 넣어 놓습니다.