[4기] 18일차 FE프로젝트 -호두 홈페이지 만들기3

오늘은...........참 심오한 날이였다.......

 

드디어 미뤄두었던 자바스크립트를 건들였더니 

 

거의 6시간동안 고민하고 이거 적용해보고

 

저거 적용해보고 무한반복하다가 

 

 

꾸역꾸역 다하긴 했다................

겨우 끝내긴했지만 좀 시맨틱하지 않은 코드같아서,,,,,, 빨리 담주되서 

 

코드리뷰하며 정답을 보고싶다........ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ

(뭐 정답이라는건 없지만 깔끔한거 구경하고싶어요 ㅠㅋㅋㅋ)

 

그래두..이렇게 한번 망해보고 

자주자주 한번 만들어봐야겠어요 ㅠ

 

그래야 적응되고 자바스크립트도 익숙해질거같네요 ㅠ 너무어려웡,,,,ㅠ

 

홈페이지만들때 쓴 블로그에는

 

찡찡거리는거밖에없는거같네 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

 

오늘은 모달창 만든걸 자바스크립트로 실행하게끔 만들었는데요 ㅎㅎ

 

 

주황색 버튼을 클릭하면!

 

짜잔@@@@@!!!!!!!!!!!!!!

 

 

이렇게 모달창이 뜨게 했구요 ㅎㅎ

 

저 ok!를 누르면 닫히게 되는 모달창이랍니당 ㅎㅎㅎ

 

 

이거 하나 구현해보겠다고 ㅎㅎㅎ 오전시간 다쓴거같아요 흐헿

 

언제나 말하지만 

 

홈페이지 막써서 미안해요 개발자님들 전부..ㅋㅋㅋㅋㅋㅋ ㅠ존경해여 ㅠ

 

오늘 문제의 구간!

 

 

이렇게 사진 6개가 있지만 show more을 누르면?

 

무한스크롤이 등장해야하는데요 ㅜ

 

여기서 정말 막혔어요 ㅠㅠㅠㅠㅠㅠㅠ 

 

함수에 익숙하지도 않은데 자바스크립트 짜낸다고 

 

죽을뻔했답니다.................................

 

코드는 프로젝트 끝나고 한꺼번에 올릴려구요 ㅠ ㅋㅋㅋㅋㅋㅋㅋㅋ

 

별로 올리고싶진않지만 ㅎㅎㅎㅎ 망했거든요^^^^^^흐핳

 

튼! 버튼을 누르게 되면 !

 

 

이렇게 주르륵 나오고 일정 몇개가 나오면 다시 버튼을 눌러 다시 실행되게끔

 

스크롤이 멈춰야 아래 창들을 볼수 있으니 그렇게 만들었어요 ㅎㅎㅎㅎ

 

 

 

이렇게 또 버튼을 누르면 사진이 더 나온답니다 ㅎㅎㅎ

 

이건 진짜 주말에 다시 복습해야할거같아요 ㅠㅠㅠㅠㅠㅠㅠㅠ

 

꾸역꾸역 찾아보고 해보고 찾아보고 해보고 해서 

 

솔직하게는 저의 머리에 잘 안들어온느낌이랄까요 ㅎㅠ

 

 

 

일단, 프로젝트는 다음주 화요일 까지라 지금까지 만든 홈페이지는 

 

깃허브에 올려놓고!

 

주말에 시간내서 다시 조금 만들어보려고합니다 ㅠ

 

멘토님이랑 오전에 이야기 잠깐해보니 

 

제가 마진이랑 패딩으로 위치를 정하다보니 

 

반응형이 전혀 안되는거 있죠 ㅋㅋㅋㅋㅋㅋㅋ 

 

축소 확대를 못하는 참사가........😂

 

 

flex를 이용해서 최대한 화면을 만들 수 있도록 

 

주말에 한번 만들어보겠습니다!!!!

 

아마 이번주 전부는 못만들거 같아요 ㅠ 일요일에 git특강있거든요 ㅠㅠㅠ

 

조금씩 짬내면서 홈페이지 많이 만들어보면서 

 

프론트엔드 꼭 정복한다. 

 

(+ 다음주목욜부터 자바하는데 ㅎ,,, 그전에 마스터해야하는데,,,쩝 ) 

 

일단 !!!! 최대한 할 수 있을떄 까지 해보는걸로!!!!!!!!!!!!!!!!!!

 

오늘도 수고했고 

 

주말에 복습 파이팅하자!!!!!!!!!!