웹사이트

intro 페이지는 거의 마무리하는 중이다. 앱들은 저렇게 배경 페이지와 앱 이름, 링크, 스토어만 하고 세부 내용은 세부 페이지에서. 연락처는 연락처 넣고 자동 메일 서비스도 하려고 한다 :)

태그를 이런 식으로 고치려고 한다. 약간의 스크립트 편집이 필요해 보이는데, 저 콤마는 어떻게 없애는 지 모르겠다. 처리 중에 있다. 아마도 웹사이트가 로딩될 때의 js를 살펴봐야 할 것 같다.

이제 영상은 YouTube 링크로 올려야겠다. 다음 영상은 계속 광고가 뜬다. 어쨌든 메인 페이지 대충 완성했다. 어제랑 달라진 부분은 왼쪽 헤더 밑의 드롭다운 메뉴의 위치가 정상적으로 변경되었고, 스크롤 인디케이터 부분은 크기만 커지는 게 아니라 컬러를 입히고 뒤에 배경 흰 원을 덧댔다(별개의 파일). 이제 메인 페이지는 이만하면 됐고 Brand Identity나 앱 페이지를 만들어봐야겠다. 200901_ienlab_microsite#2 · ericanorhee/ienlab_microsite@b407a69 상단 왼쪽 메뉴 드롭다운 위치 수정, 스크롤 인디케이터 수정. 메인 페이지 끝 github.com

오늘은 왼쪽 인디케이터를 만들었다. 저거 누르면 각각 페이지를 스무스하게 스크롤이 된다. 영상 참고. 그런데 문제는 이제 아이콘 오른쪽에 바가 페이지에 따라 딱딱 이동하길 바라는데 생각보다 어렵다. js를 동원해서 구현하고 있는데 생각보다 별로다. 그리고 오늘은 페이지 스크롤 시에 0~100퍼센트 width로 채워지는 걸 알아냈다. 다음에 티스토리 스킨에 끼워 놓아도 될 것 같다. 이거 역시 js로 처리해야 함. 200829_ienlab_microsite · ericanorhee/ienlab_microsite@49c658b 스크롤 추가. 왼쪽 인디케이터와 페이지 스무스 이동 추가 github.com

이번에는 보지 않고 사진만 보고 구현하는 것을 목표로 하고 있다. 완성. 코드는 깃허브에! 재밌다. 언제까지나 미디어 쿼리만 잡고 있긴 그렇지만 차근차근! https://github.com/ericanorhee/ienlab_microsite/commit/9070c85c8955bb1d5bc6c973c48be0bf3182e973 200820_ienlab_microsite · ericanorhee/ienlab_microsite@9070c85 05 edu.goorm.io/learn/lecture/16942/웹퍼블리싱-실습-반응형-사이트-만들기/lesson/813675/05-반응형-레이아웃-유형-3 github.com