1) 학습한 내용
멘토링 시간(10시 30분)
멘토링을 시작하기 전에 홈페이지를 합쳤다. 도중에, 문제가 생겼지만, 테스트를 하면서 피드백이 들어왔었고 홈페이지를 빠르게 수정했다.
그리고, 멘토링을 하면서 반응형의 여백을 신경써 달라는 말을 했었다. 여기에는 높이를 지정해서 일정하게 유지시킬 필요가 있다.
멘토링 후 잔업
남은 작업
nav -> 전체 nav 영역에서 회사소개,사업현황,정보마당 메뉴 글이 태블릿이랑 모바일모드일때 보여지지 않아야 하는것 - 종인, 유지, 정관
sub05 -> ub05 - 반응형 html구조가 수정이 필요 - 용훈 가을
+추가)
메인 전체적인 여백 맞추기 / 영역 간격 맞추기
더보기 호버 - 확대되기
nav_ 햄버거 메뉴로 지정되었다.
내가 이번에 할 작업은 nav 작업이다. 네비게이션이 태블릿, 모바일 모드일 때 보여지지 않게 하는 것이다.
오늘의 작업
미디어 쿼리 수정
/*화면조정*/
@media screen and (max-width:1600px){
#ecoce{
height:95%;
}
#moado{
height:95%;
}
.moado-back{
height:95%;
}
}
/*1280px(테블릿) 기준*/
@media screen and (max-width:1207px){
}
@media screen and (max-width:1075px){
#main_nav .nav-menu{
visibility:hidden;
}
}
@media screen and (max-width:930px){
}
/*768px(모바일) 기준*/
@media screen and (max-width:768px){
.moado-right .site-button {
z-index:2;
}
}
@media screen and (max-width:600px){
}일단, 미디어 쿼리로 적용시키려고 했었다가, 이후 height값을 조정함으로써 마진이나 영역이 겹쳐저서 사이트로 바로가는 버튼이 작동되지 않는 문제를 해결했다.
nav 조정하기
nav 부분에 회사소개, 사업현황, 정보마당이 보이지 않게 하는 작업을 해야 했다. PC판은 그대로 두되, 태블릿과 모바일판에는 이를 보이지 않게 해야한다는 것이다.
2) 학습내용 중 어려웠던 점
nav 작업을 하는 것에 어려움이 있었다. nav 영역은 어떻게 할 것인지를 아직 논하지 않았는데, 단순히 글자를 안보이게 할 것인지를 정하지 못했다.
3) 해결방법
그래서, 나는 팀에게 좀 더 명확하게 말해달라는 메세지를 보냈다.
4) 학습소감
내게 있어서 오류를 찾아내는 것은 월리를 찾아내라는 수준의 난이도나 다름없다. 사소한 곳에서 정말 오류가 나오기 때문이다. 이전에 자바스크립트로 캐서럴 슬라이더를 직접 따라 만드는 것을 해봤을 때도 대문자와 소문자에서 차이가 나서 제대로 작동되지 않는 경우가 있다.
내게 있어서 오류를 찾아내는 것은 월리를 찾아내라는 수준의 난이도나 다름없다. 사소한 곳에서 정말 오류가 나오기 때문이다. 이전에 자바스크립트로 캐서럴 슬라이더를 직접 따라 만드는 것을 해봤을 때도 대문자와 소문자에서 차이가 나서 제대로 작동되지 않는 경우가 있다.
그리고, 이제 대구시와 대구테크노파크에서 하고 있는 이일도 끝나가고 있다. 나는 이력서를 작성해야 할 준비나 하자.
