1. HTML: 절대경로/상대경로/웹경로의 사용
절대경로와 상대경로는 서버의 파일 시스템에서의 주소를 의미한다. 절대경로는 /(root)로 시작하며 root를 기준으로의 위치를 나타낸다. 상대경로는 자기자신이 위치한 디렉토리로부터의 위치를 나타낸다.
웹 경로는 https:// 혹은 http://로 시작되는 주소로, 인터넷 네트워크상의 주소를 나타낸다.
서버의 html에서 서버의 파일 시스템 내 파일들에 접근할 때에는 html파일의 위치가 변할 수도 있는 점을 고려하여 절대경로를 이용하는 것이 좋다.
<!-->절대 경로</-->
<link rel="stylesheet" href="/static/main.css">
<!-->웹 경로</-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<!-->상대 경로</-->
<script src="./static/main.js"></script>2. 반성: 협업 - 명칭의 혼동
미니 프로젝트를 진행하면서, 페이지 구성요소나 기능들에 대한 명칭이 다르거나, 같은 단어를 말했음에도 서로 다른 뜻으로 알아듣는 경우가 많아 협업의 효율이 저하되는 경우가 적지 않았다. 이를 방지 하기 위해 프로젝트중 RSA(요구사항 명세서)등의 문서화를 통해 사용하는 단어의 뜻을 명확히 할 수 있다.
3. JS: deprecated
VSC에서 JS 작성 시 권장되지 않는 syntax의 경우 취소선이 그어진다. 이때 마우스를 호버하면 원인을 알 수 있다.
예를 들어 변수가 선언되기 이전 사용되거나 변수명이 겹칠 경우가 있다.
4. 기초: .gitignore
.gitignore 는 원하지 않는 백업파일,로그 ,컴파일 결과물 등을 Git에서 제외시킬수 있는 설정 파일이다. git 작업 디렉토리의 최상위 폴더에 위치해야하며, 다음과 같은 문법을 통해 작성된다.
# .a 확장자 파일들을 모두 ignore
*.a
# .a를 무시하더라도 lib.a파일은 추적한다.
!lib.a
# 현재 디렉토리의 TODO파일들을 ignore(하위 디렉토리 미포함)
/TODO
# build/ 디렉토리아래의 모든 파일들 ignore
build/
# doc/ 디렉토리의 .txt파일들 ignore(하위 디렉토리 미포함)
doc/*.txt
# doc/ 디렉토리아래의 .pdf파일들 ignore(하위 디렉토리 포함)
doc/**/*.pdf적용을 위해서는 commit-push하면 된다.
5. CSS: -webkit-transform: translate(-50%, -50%);
position 속성과 top, left을 이용하여 배치 시, 브라우저마다 위치의 기준점이 다를 수 있어 서로 다른 모습을 띌 수 있다. 이때 웹 호환성을 충족하기 위해 -webkit-(크롬, 엣지 등),-ms-등으로 시작하는 각 브라우저에 호환하는 속성들을 사용할 수 있다.transform: translate(-50%, -50%)은 자기 자신의 길이의 절반만큼 top, left 방향으로 이동시킴을 의미한다.
