[작업일기] 레미안 클론 코딩 완료

1. 탑바 광고 배너를 이미지로 넣어줬더니 앱솔루트 한 부분이랑 겹치는데, background-image로 깔아주니 겹침 현상이 없어졌다. min-width 때문인 것 같은데, 일단 해결은 됐지만 다시 한 번 확인을 해봐야겠다.

2. 자바스크립트 사용시 같은 명령어를 여기저기 동시에 넣어줬는데 (ex.스크롤 할 때 배너 광고 없어지기 + 클릭했을 때 없어지기) 클릭했을 때 영원히 닫히지가 않는다. 그래서 이름만 바꿔서 다른 명령어를 넣어주니 잘 된다. 컴퓨터도 이럴땐 혼동이 되는건가. 아무튼 css한 줄 더 쓰더라도 좀 더  구체적인걸 요구하는 것 같다.

3. 배너 이미지, 체크박스, span 요소를 동일 선상에 정렬하는데 시간이 생각보다 많이 걸렸다. span태그가 inline요소라서 정렬 상태가 애매해진 것 같아 flex를 넣어줘서 해결했다.

 

  최근 작업하면서 느낀점은 디테일한 부분 또는 어떤 효과라던지 이런 부분을 만들고 수정, 보완하는게 오래 걸리는 것 같다. 하루면 끝났을 작업이라고 생각했는데 정해진 시간을 맞추지 못해 아쉬운 부분이다. 한가지 해결 못 한 부분이 있는데 스크롤 해서 광고가 사라지면서 부드럽게 내려오게 하고 싶은데 결국 해결을 못했네-.- 해당 사이트에서는 스크립트 쓴 것 같진 않던데 의외로 간단한건데 해결 못한건지도 모르겠다.(이런거 잘 안될때가 젤 빡치는 것 같음) 이 부분도 다시 한 번 확인해볼 것!  참 그리고 체크 박스 input은 귀찮아서 못 꾸밈 ㅋ 다른 부분 확인하면서 비슷하게 꾸며 봐야 겠다.

 

See the Pen 레미안5 by sunshine77 (@issue72y) on CodePen.