자기소개 페이지를 완성!
이라고 하기엔 조금 양심 없게도 팀 내 갓력자이신 현민님 덕분에 수월하게 만들 수 있었다.
기본 프레임을 짜주시고 git으로 공유해 주셔서 내가 한 대부분은 css였지만 오늘 구글링을 통해 알게 된 멋진(?) css를 기록하려고 한다.
<p style="1.5"></p> // p태그에 스타일을 주면 문단 간격을 조절할 수 있다!
<li style="list-style: none;"></li> // 리스트에 점이 보기 싫을 땐 스타일 값을 none으로 주기
background: linear-gradient(to right, mediumslateblue, lavender); // 배경에 그라데이션을 줄 수 있다 (어느 방향으로 줄 것인지, 색상, 색상)
<button class="arrow-button"> <img src="../static/Taeyeon-static/img/next-icon.png" alt="" /> </button> // 그 동안 이미지를 "url"로 따오기만 했는데 static파일 -> 경로 -> 이미지 파일 생성 -> 이미지 넣고 경로/참조 넣기 클릭하면 이미지 위치가 나온다.
그리고 새로운 폰트 사이트를 찾았다. 구글 보다 예쁜 폰트가 가득.
사실 백엔드 지망이라 크게 필요는 없지만 언젠가 쓸지 모르니 사이트 첨부
https://noonnu.cc/
눈누에서 웹폰트를 가지고 와서 쓰는 방법
@font-face {
font-family: 'GangwonEdu_OTFBoldA';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2201-2@1.0/GangwonEdu_OTFBoldA.woff') format('woff');
font-weight: normal;
font-style: normal;
}
* {
font-family: 'GangwonEdu_OTFBoldA';
} // css file 상단에 첨부 후 페이지 전체 적용 시 함께 첨부
나도 써 봤다 Github!!
Git에서 pull하고 내가 만든 페이지를 push 하는 것까지는 했다.(...)
git add . -> 만든 전체 파일 올리는 명령어
git -m "msg" -> 파일 변경 시 쓰는 코멘트 명령어
git push origin master -> 변경 내용을 원격 서버로 올리는 명령어
아직도 명령어에 익숙치 않아서 버벅이지만 정리 하다보니 꽤 머리에 들어오는 느낌이다.
