[4기] 백엔드 개발자 부트캠프 "오르미" ~ing/[4기] 백엔드 개발자 부트캠프 오르미 수업 복습

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

sohee99 2024. 1. 17. 20:01

오늘은 !!! 다음주 화요일까지 제출하는 과제를 했습니당!

 

ㅎㅎㅎ 음 일단 어렵구요

ㅋㅋㅋㅋㅋㅋ

 

아니 홈페이지 하나 만드는데 엄청어렵네요.........................

 

 

새삼,,,,,,,,,맨날 이렇게 쓰는 홈페이지도 

 

그냥 만들어진게 아니라는 생각이 물씬 드네여,,,,,,,,,,ㄷㄷㄷㄷㄷㄷㄷㄷ

 

 

나날이 발전하는데 컴퓨터 언어말구 우리말 알아들으면 안되나 ㅠㅋㅋㅋㅋㅋㅋㅎ 안되겠죠? ㅋㅋㅋㅋ

 

다음주까지 이 프로젝트끝나고 자바를 시작하는데여! 

 

마지막 FE 랄까요 ㅎㅎㅎㅎㅎ

 

하루종일 이 홈페이지만 만드는데 아직도 덜 만들었다는게 놀라워요,,,

제 손이 느린거겠죠,,허허헣ㅎ

 

그래두,,뭐,, 완성만 하면 되니깐,,, ㅎㅎ.,,,

 

만들면서 느낀 점을 간단하게 이야기해볼려구해여 ㅎㅎㅎㅎ

 

 

일단,,, 처음 홈페이지 만들면서 힘들었던건 

 

아무래도 HTML 어떻게 구성할까? 였는데요,.,,

 

이게 생각보다 시멘틱있게 짤려고 하지만 

마음처럼 못짜겠더라고요 ㅠㅠㅠㅠㅋㅋㅋㅋㅋㅋㅋㅋㅋ

 

하면할수록 div가 많아지고,

 

어떤 태그를  써야 올바르고 깔끔하게 쓰는걸까 고민을 엄청했던거 같아요 ㅠ

 

일단, 결론은 깔끔하게 하지 못했구요 ㅋㅋㅋㅋㅋㅋㅋ

 

그냥 최대한 잘했다기 보다는 

 

프로젝트대로 만들어서 제출이라도 해보자는 마음으로 

 

열심히 하고 있답니다 ㅎㅎㅎ 

 

아무래도 여러번 해봐야할거같아요 아직 position 과 flex를 제대로 이해하지못한것이

 

들어나더라고용,,, 하다보니 딱 음 나 모르네? ㅋㅋㅋㅋㅋㅋ 이랬달까요 ㅋㅋㅋㅋ

 

 

이쁘죠? ㅋㅋㅋㅋㅋㅋㅋ 

비록 코드는 깔끔하지 못해서 블로그에는 안올리고 있지만 

이렇게 하나하나 완성하다보면 너무 뿌듯하더라구요 ㅎㅎㅎ

 

 

주변에 자랑 엄청했다는 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ

아 전 저 상자덮어놓은 고양이 사진이 젤 열받았어요 

 

아니 저 발이...

 

이거 안붙는거 있죠 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 그나마 붙인건데 

더붙였다간 밑으로 너무내려가서 ㅎㅎㅎ,,, 이게맞나...ㅋㅋㅋㅋㅋ

 

티 많이 안나죠? ㅋㅋㅋㅋㅋㅋㅋㅋ 허허

 

요런 화면두 만들고 ~

 

 

그리드 이용해서 이렇게 화면을 구성하였는데

이제 고민해봐야할것이 저 버튼을 누르면 

무한스크롤되게 넣어야하거든요 ㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎㅎ

자바스크립트 젤마지막에하려고 남겼다는건 비밀 ㅋㅋㅋㅋㅋㅋㅋㅋ

 

 

지도 까지 !!!! ㅎㅎ 오늘 지도 하는데 

너무 신기방기 ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 이렇게 사용하는 거였군.... 

 

저 남색 라인 부터는 아직 안했는데 이메일 입력하는거랑 

젤 아래바만 하면 html css는 끝납니다!!! 

 

이렇게 2일 반 걸렸네요 ㅠㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 힘듬,,,쓰,,, 

 

아무래도 보기 좋게 중복되는 css들은 

 

겹치고 햇어야하는데 

 

 

저에겐 아직 무리인거같습니다 ㅠㅋㅋㅋㅋ 

 

조금 더 연습해보는걸로..... 나중에 완성되면 

 

코드 올리는걸로!!!!!!!

 

오늘은 하루종일 홈페이지 작성을 하였는데요 

 

다음주 화요일 까지라 시간이 남는다면 배운 내용 

 

복습하는 시간을 갖는걸로 해야겠어요 ㅎㅎㅎ

 

 

오늘도 열심히 만들었구!

 

내일도 파이팅해서 완성해보도록 하겠습니다!!!!!!!!!

 

파이팅!!!!!!!!!