오늘의 학습 계획
_일단은 뭘 배워야 구현을 하니까 유튜브 권기현 튜터님의 JS Crud를 따라치며 배우자 1강~10강
_프론트엔드도 1강~21강까지 공부
_내 프로젝트에 맞게 html 만들고 실전!
기록하고 싶은 학습내용
만드느라 정신이 없네
우선 조각조각 알게 된 지식들 기록...
_CSS 할 때 태그들이 부모 태그와 자식 태그로 관계 지어지는데,
부모 태그 하위에 있는 자식 태그들을 조작하고 싶을 때, 굳이 자식 태그 각각에 클래스를 줄 필요 없이
.parentstag > input:nth-child(1)
#부모태그의 > 하위에 있는 인풋태그들 중 (1)번째 태그이렇게 지명해서 조작할 수 있다.
응용해서 첫번째 자식이나 마지막 자식만 지명할 수도 있다.
.parentstag > input:first-child()
#부모태그의 > 하위에 있는 인풋태그들 중 첫번째로 오는 태그
.parentstag > input:last-child()
#부모태그의 > 하위에 있는 인풋태그들 중 마지막으로 오는 태그
_주석처리할 때,
ctrl + / 하면 한 줄 전체 주석이지만
alt+shift+a 하면 부분만 주석처리 가능
_프론트 파일의 폴더 정리 구성
static폴더 > css 폴더 > 파일들 (common.css도 포함)
> js 폴더 > 파일 하나
templates 폴더 > 인덱스 외에 수많은 html 파일들
혼자 바깥에 나와있어야하는 index.html 파일
README
_html에 CSS를 소환하는 방법
<head>
<link rel="stylesheet" type="text/css" href="../static/css/짝꿍.css">
</head>이런 식이고 href="../static/css/짝꿍.css" 여기에 들어갈 경로는 자신의 html 파일과 짝꿍인 css파일이 위치한 경로를 입맛에 맞게 채워주면 된다. ' ../ ' 이런 쩜쩜슬래쉬 표시는 현재 html 파일이 위치한 곳에서 폴더 바깥으로 한 층 나간다는 뜻이고 그 뒤에 스태틱으로 들어가고 css로 들어가고 결국 짝꿍.css를 찾아낸다.
절대경로가 아닌 html 파일의 위치에서부터 출발한 상대 경로를 찾는 것이 요지.
'About coding > Today I learned' 카테고리의 다른 글
| 2023년 06월 05일 TIL [#새 프로젝트 시작 #블랙 포매터 설치법] (0) | 2023.06.06 |
|---|---|
| 2023년 06월 01일 TIL [#REST API #URL작명 규칙] (0) | 2023.06.01 |
| 2023년 05월 23일 TIL [#drf jwt user 구현] (0) | 2023.05.24 |
| 2023년 05월 22일 TIL [#drf 팀 프로젝트 시작 #drf 토큰방식 로그인 구현] (0) | 2023.05.23 |
| 2023년 05월 19일 TIL [#] (1) | 2023.05.20 |
