인프런 커뮤니티 질문&답변
작성한 질문수
일정 등록 및 조회 부분 강의 질문입니다.
작성
·
12
0
1.일정 관련 js파일이
planner.js와 planner_fetch.js 파일로 나눠져 있는데
planner.js에서 planner_fetch.js에 있는 함수들을 사용하고
planner_fetch.js에서는 planner에 있는 함수, 변수들을 사용하던데
각각 별도의 js 파일들인데 어떻게 서로 변수나 함수들을 가져다 사용할 수 있는지 궁금합니다.
planner_fetch.js의 fetchGetPlan 함수에서 fetch url이 /planner/plan/3 형식이 아니라 /planner/plan?no=3 형식이던데 이렇게 사용한 이유가 있을까요??
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. 시그님.
여러 JavaScript 파일 간의 함수나 변수 사용에 대해 궁금해하시는 것 같습니다. JavaScript 파일 간의 상호작용을 이해하기 위해 알아야 할 몇 가지 핵심 포인트들이 있습니다.
1. JavaScript 파일 간 함수 및 변수 사용
JavaScript 파일들은 브라우저 환경에서 로드될 때 전역 스코프를 공유합니다. 즉, HTML 문서에서 여러 JavaScript 파일을 <script> 태그로 추가할 때, 각 파일은 동일한 전역 스코프 내에 로드되므로 상호 참조가 가능합니다. 이 점을 이용하여 서로 다른 파일에 정의된 함수와 변수를 사용할 수 있습니다.
전역 객체(window)에 등록: 여러 파일에서 사용하고자 하는 함수나 변수를
window객체에 등록하여 전역에서 접근할 수 있도록 할 수 있습니다.모듈 시스템 사용: 현대적인 JavaScript 환경에서는 ES6 모듈(
import/export)을 사용하여 명시적인 파일 간 참조가 가능합니다. 이 경우type="module"속성을<script>태그에 추가해야 합니다.
2. URL Query String의 사용 이유
/planner/plan?no=3 형태의 URL은 쿼리 스트링을 사용하는 방식입니다. RESTful 디자인 관점에서, 쿼리 스트링은 종종 리소스를 필터링하는 데 사용되며, 여러 매개변수를 전달할 수 있는 장점이 있습니다.
- RESTful 설계: 특정 리소스의 세부 정보에 접근할 때 RESTful 방식의 하나로 쿼리 스트링을 사용할 수 있습니다.
관련하여 베스트 프랙티스와 사용 예제를 더 연구해보고 싶으시다면, 기존 질의응답에서 유사한 내용을 찾아보실 것을 권장드립니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.