2021-03-23 TIL

2021-03-23 TIL

• 오늘 한 것
  1. 인터렉티브 웹 개발 - css에 perspective라는 속성이 있다는 것을 처음 알았다. translate3D 등과 같이 써서 스크롤에 따라 페이지가 입체적으로 움직이는 효과를 내는 방법을 배웠다.
  2. 학원 대면수업(15:30~22:00)
  3. 팀 프로젝트 빌드 페이지 연결 - 지금까지 따로 html로 만들어놓은 페이지들을 Spring MVC 프로젝트로 빌드한 패키지의 view(JSP)에 넣는 작업을 진행하고 페이지들을 연결하는 작업을 진행했다. 우선 JSP 내에서의 페이지 이동에서 1차적인 어려움을 겪었고 여러 사람이 작업을 진행함에 있어 Git 충돌이 일어나서 2차 어려움을 겪었다. 이제 연동하는 작업을 진행했으니 만들어진 Spring 프로젝트에 html mark up을 하도록 해야겠다. 평소 vs code로 코딩을 주로 하는편인데 eclipse로 작업을 해야해서 조금 번거롭기도 하지만 어쩔수 없다.
  4. 관리자 메인 페이지 마크업 - 관리자 페이지는 부트스트랩 템플릿으로 가기로 하고 적당한 템플릿을 골라서 틀을 만들었다. 안에 들어가는 콘텐츠는 차차 만들어야겠지만 시작이 반이라고.. 틀을 잡았으니 열심히 마크업하는 일만 남았다.
  5. 개인 포폴 약간 수정 - 포폴용 웹사이트의 skill 부분을 countUp.js 플러그인을 써서 숫자가 카운팅되며 올라가는 애니메이션 효과를 주었었는데 폰트가 마음에 들지 않아서 수정했다. 또, 게이지바가 차오르는 것을 단색으로만 구현해놨었는데 그라데이션 색을 입혀서 살짝(?) 디자인적인 요소를 주었다.

• 내일 할 것
  1. 인터렉티브 웹 개발
  2. 학원 대면수업(15:30~22:00)
  3. 팀 프로젝트 회의 - 테이블 설계
  4. 관리자 메인 페이지 마크업

• 끝으로

인터렉티브 웹 개발 새로운 인강을 구매했다~ 새로운 것을 배울 생각에 신이 난다😅

오늘의 한 줄 총평 : 인터렉티브~!