Amada Coding Club

보통 웹 주소에 대해 말할 때 URL이라는 말을 많이 사용한다. 그런데 이번에 Router에 대한 글을 쓰면서 URL이외에 URI라는 말을 많이 썼다. URI는 뭐고 URL은 뭔지 궁금해서 정리를 해보고자 한다. 먼저 요약하면 URI는 이름 URL는 위치를 나타낸다. 사람에 비유하면 URI는 각자의 이름, URL은 그 사람들이 사는 지역을 생각하면 편하다. 다시 말해 URL 이 성동구일때 URI는 성동구의 홍길동, 성동구의 임꺽정과 같은 유일한 존재이다. 이제 자세하게 살펴보자 URI와 URL의 관계 먼저 URI는 Uniform Resource Identifier URL은 Uniform Resource Locator의 약자로 이름 그래도 URI는 id를 URL은 위치를 나타낸다. 이 두 개의 관계는 위와..

어우 원래 이 내용을 쓰려고 했는데 어찌하다보니 SEO에 대한 이야기를 해버렸다 2023.01.12 - [Front-End/관련 지식들] - [Front-End] SEO의 개념과 중요성 우리가 무언가 개발을 할 때 라우팅을 많이 사용한다. React에서도 React-router-dom을 사용하고 다른 라이브러리나 프레임워크에서 라우팅을 지원한다. 이전에는 라우팅이라는 주제에 대해 모르는 상태에서 그냥 그렇구나하고 개발했었는데 이제는 라우팅에 대해 알고 있어야 할 것 같아서 라우팅에 대해 알아보고자 한다. Routing이란? Routing은 route(경로)에 ing가 붙여진 것으로 출발지(기존 주소)에서 목적지(가려고 하는 주소)까지의 경로를 설정하는 기능이다. 다시 말해 기존 화면에서 다른 화면으로 화..

요새 패스트 캠퍼스 강의를 듣고 있다. 첫 번째 강의로 바닐라JS를 통한 개발을 하고 있는데 여기서 웹팩을 다뤘다. 기록 안 하면 또 까먹을 것 같아서 기록한다. 일단 Webpack이란 무엇일까? 공식 사이트에 나온 내용은 웹팩은 모듈 번들러라고 한다. 모듈은 뭐고 번들은 뭘까? 아주 쉽게 설명하면 모듈은 각각의 각각의 자바 스크립트 파일, 번들은 그 파일들을 하나로 합친걸 말한다. 궁금증이 들었다. 하나로 합치는 게 도대체 뭐가 좋을까? 장점은 다음과 같다. 여러 JS를 하나로 압축하기 때문에 로딩에 대한 네트워크 비용을 낮춰준다 모듈 단위 개발이 가능해 가독성과 유지보수가 쉽다. 최신 JS를 지원하지 않는 브라우저에서 사용할 수 있는 코드로 쉽게 변환해준다. 나도 자세하게 알지 못하지만 사용자가 사이..