JavaScript
location.href >> 현재 페이지 주소를 알 수 있다
location.href='url' >> 원하는 페이지로 이동할수 있다.
var보다 let/const 가 좋은점 >> var 는 변수 중복선언이 되어서 코드가 꼬일 위험이 있지만 let/const는 같은 이름의 변수를 선언하면 has already been declared 라고 오류를 띄워준다!
JS 변수 네이밍 규칙 4가지
1) 숫자로 시작 ❌
2) 특수기호로 시작 ❌($ 와 _ 는 예외다)
3) camelcase로 작성
4) const 나 축약어는 대문자로만 쓰는걸 권장
함수 표현식은 그 변수의 이름으로 호출할수 있다.
-> const 변수이름 = function 함수이름 () {code}
같은게 있으면 변수이름()를 쳐서 그 함수를 사용할수 있다는 의미.
String.toUpperCase / String.toLowerCase / string.trim / string.charAt(index) / string.indexOf(타겟문자)
Trial & Error
css가 왕창 꼬였다...
id나 class 설정해둔거 수정할땐 신중히! id는 어차피 하나뿐이니 그냥 안건드리면 되고 class 는 필요한걸 필요한만큼 추가해서 쓰면 된다.
기능이 갑자기 안된다...
그 기능과 관련된 JS파일이나 script태그를 주석처리하지 않았나 check
링크가 갑자기 안된다...
a태그에서 href 주소를 정확하게 적었는지 check
position:absolute 했는데 인접한 부모의 위치를 참조하지 않는다! 그 부모한테 position:relative 줬는데도!!
그 postition:relative 준걸 부모 태그의 media query 관련 CSS에 주면 안된다.
내 작업 branch 에서 update from main 했는데 오류가 난다!
VSC에서 문제된 부분을 찾아서 fix 하면됨
윈도우창 크기를 줄이면 기껏 만들어놓은게 깨진다!
@media (max-width: 1000px){ } 이런식으로 크기가 작을때 따로 적용할 css 파일을 작성하자. 일단은 본인의 실력 부족 때문에 기존에 있던 몇가지 요소를 display:none 처리하고 margin 을 줄이는 정도밖에 못했지만 나중엔 모바일 최적화 메뉴를 따로 만들수 있을 것이다.
개인적으로는 햄버거 메뉴를 구현해보고싶다.
