It's going to be one day 🍀

안녕하세요! 매일 매일 공부하려고 노력하는 백엔드 개발자 지망생의 공부 흔적입니다.

Project/FE 미니 프로젝트

[FE] 개인 프로젝트 1일차

2jin2 2024. 1. 16. 18:56

오늘부터 개인 프로젝트 기간이다!

 

오전엔 프로젝트 기능 구현에 필요한 무한 스크롤 기능 수업 듣고

못 끝냈던 과제를 강의와 함께 다시 풀어보면서 완성시켰다!

사실 js로 기능 구현이 잘 안되서

(엄청 간단한 문제같은데 몇시간 내내 이유를 모르겠다..)

html css만 완성된 상태이다.

 

https://github.com/drinkgalaxy/html-css

 

GitHub - drinkgalaxy/html-css

Contribute to drinkgalaxy/html-css development by creating an account on GitHub.

github.com

-> 이번 과제는 1만 시간의 법칙 클론코딩 (final_task 이름으로 올려뒀다.)

 

오늘부터 공식적으로 프로젝트 진행해야해서 과제는 일단 보류해두고,

본격적으로 프로젝트 html css를 작성해봤다.


 

이번 프로젝트는 css는 기본이고 사진 무한 스크롤, modal, 카카오 지도 API까지 적용해야해서 html을 처음 접하는 나한테는 너무너무 무서운 프로젝트다... 완성은 할 수 있을까 걱정된다...

 

일단 오늘은 첫 홈페이지 화면부터 만들었다.

글씨체랑 마무리는 아직 안해서 못생겼긴하다.

 

그리고 스터디 할 때 팁을 얻어서,

이번에 만드는 웹사이트부터 html, css 파일을 구분해서 사용해봤는데 훨씬 깔끔하게 보이고 좋았다.

굿 ++

 

내가 오늘 생각한 문제점은 다음과 같다.

 

1. margin을 이렇게 마구 사용해도되는지? 억지로 맞춰놓는 기분이다. 분명 더 시멘틱한 방법이 많을 것 같은데..

2. 1번과 마찬가지로 요소의 간격을 눈으로 비교해가면서 하는 방식이 맞는지에 대한 고민이다.

3. 상단에 네비게이션 요소들의 간격을 어떻게 띄워야할까?

 

계속 고민해봐야겠다.

'Project > FE 미니 프로젝트' 카테고리의 다른 글

[FE] 개인 프로젝트 4일차 (끝!)  (0) 2024.01.19
[FE] 개인 프로젝트 3일차  (0) 2024.01.18
[FE] 개인 프로젝트 2일차  (0) 2024.01.17