📚TIL

day39

Hash모드(domain/#/~)

• 기본적인 도메인주소로만 요청이 들어가기 때문에 다른페이지들에선 요청이 보내지지 않음
• #기호를 통해서 하나의 페이지에서 내용을 구분하는 방식으로 사용
• 기타 특별한 처리 없이도 바로 페이지를 구분해서 서비스를 만들 수 있음
• 하나의 도메인을 사용해서 요청만 처리하기 때문에 검색 최적화의 단점이 있음
• 해시모드에선 새로고침시 서버에 전송되는 요청이 아니기 때문에 404 Error 방지 가능

HTML5모드, History 모드(domain/~)

• 검색엔진 최적화의 장점
• 기본적인 주소를 바로 사용하기 때문에 주소에 맞게 매번 서버로 요청이 들어갈 수 있음
• SPA를 사용하면 index.html 만으로 내용이 동작할 수 있도록 정리해주면 됨
• 새로고침시 404 Error가 발생하여 이에 대한 처리를 해줘야 함

Babel

• 최신의 자바스크립트 문법을 더 구형의 버전에서도 동작할 수 있도록 문법을 변환시켜주는 트렌스 파일러
• 최신의 문법을 통해 개발한 후 더 다양한 환경의 사용자에게 이를 제공하기 위해서 사용

PostCss

• post(이후)Css는 후처리를 담당하며 css를 모두 실행한 이후 postCss로 결과를 만들어낼 수 있음
• Autoprefixer : 공급업체 접두사를 의미하며 webkit, ms 등을 자동으로 붙여줌
• 브라우저와 호환되지 않는 기능들을 호환되도록 할 수 없음

🎨2021. 10. 07

오늘 드디어 vue의 이론적인 강의들을 마쳤다. 사실 과제 제출기간이 얼마 남지 않아서 중간에 빼먹은 강의가 있는데 그래도 과제에 필요한 강의는 모두 들었다! 당장에 과제를 시작해도 늦기 때문에 사실 제대로 실습 내용을 복습할 기회가 없는 점이 아쉽다. router파트에서 hash모드 같은 것은 Vanilla JS의 hashbang과 비슷하여 어렵지 않게 학습할 수 있었다. 가장 흥미로웠던 내용은 postCss인데 사실 css공부를 했었기 때문에 어느정도 webkit 같은 것이 무엇을 의미하는지 알고 있었지만 변환 패키지가 있다는 사실은 알지 못했다. 이렇게 또 하나 막연하게 갖고있던 궁금증을 풀 수 있게됐다. 패키지를 사용하면 어렵지 않게 다양한 브라우저에 적용할 수 있을 것 같다! 브라우저에 호환되지 않는 기능을 호환되도록 하기 위한 기능이 아니라는 것을 잘 기억해둬야겠다!
내일부터는 실습강의를 들으면서 과제를 시작해볼 것이다. 배포까지가 과제인데 제 시간안에 잘 해낼 수 있었으면 좋겠다 ㅎㅎ