나플웹-3

나의 사이드 프로젝트 제목을 정했다

music diary

줄여서

mudi

무디

무디가 나의 웹 프로젝트 제목이다

음 마음에 든다

 

하다가

글자의 높이를 조절하는데에 어려움을 느껴

웹을 잘 아는 친구에게 도움을 요청했다

 

기존에 위치를 조절할때는

position: fixed;

right : 10px;

top : 110px;

 

이런식으로 fixed를 사용했는데

오른쪽 왼쪽 위치조정은 상관이없는데

높이 조절을 top이나 bottom으로 하니

겹치는 문제가 생겨서

 

이 친구가 말해준건

display:flex;

align-items:center;를 하라고 하였다

 

내가 본 강의자료에는 flex가 없어서 있는줄도 몰랐는데

아주 편리한 기능이다

 

그리고 그 친구가 얘기한건

웹에서는 절대좌표를 별로 쓰지않는다는것

그리고 html 태그별로 부모 자식 관계에 있는건

줄바꿈과 들여쓰기를 해야 보기가 편하다는 것

 

그리고 페이지별로 html만드는 건 프론트엔드에선 어쩔 수 없고

만약 백엔드를 다루면

하나의 html 틀에서 데이터를 불러오는 방식을 쓸 수 있다

 

즉, 난 지금 장르별로 html을 각각 만들어주었는데

만약 백엔드를 다루면

장르별로 하나의 html을 만들어두고

각각 장르를 클릭했을때 다른 데이터를 불러오도록하면

html을 여러개 만들 필요가 없다는것이다

 

 

현재 진행 상황

 

css, img, html 폴더를 생성해 분할함

기존에는 html안에 css문법이있었다면

css파일을 따로 만들어 연결해줌

 

그리고 장르를 클릭하면

노래 제목과 가수가 적혀있고, 그에 대한 기록이 정적으로 담겨있다

이걸 이제 동적으로 만들면 되지않을까라는 생각이다

 

그러면

자바스크립트를 공부해야겠징?